Fancy Boks

Ostatnia aktualizacja 8 miesiąc temu
ZbigniewZbigniewSuper administrator Super administrator
Opublikował(a) 8 miesiąc temu
<link
 rel="stylesheet"
 href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css"
 />
 
 <div>
 <div id="dialog-content" style="display:none;max-width:500px;">
 <h2>Hello, world!</h2>
 <p>
 <input type="text" value="" />
 </p>
 <p>
 Try hitting the tab key and notice how the focus stays within the dialog
 itself.
 </p>
 <p>
 To close dialog hit the esc button, click on the overlay or just click the
 close button.
 </p>
 <p>
 Element used to launch the modal would receive focus back after closing.
 </p>
 </div>
 <p>
 <button id="triggger">
 Launch Dialog
 </button>
 </p>
 <p>
 <button id="triggger-clone">
 Launch Dialog (clone)
 </button>
 </p>
 </div>
 <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
 <script>
 document.getElementById("triggger").addEventListener("click", () => {
 Fancybox.show([{ src: "#dialog-content", type: "inline" }]);
 });
 
 document.getElementById("triggger-clone").addEventListener("click", () => {
 Fancybox.show([{ src: "#dialog-content", type: "clone" }]);
 });
 </script>
możesz przeglądać wszystkie wątki dyskusji na tym forum.
nie możesz rozpocząć nowy wątek dyskusji na tym forum.
nie możesz odpowiadać na posty w tym wątku dyskusji.
nie możesz rozpocząć ankietę na tym forum.
nie możesz dodawać załączniki w tym forum.
nie możesz pobierać załączniki na tym forum.

2014 - 2024 © nw.ct8.pl

Polityka prywatności

kontakt

Powered by PHPFusion. Copyright ©2024 PHP Fusion Inc.
Released as free software without warranties under GNU Affero GPL v3.