simplePopup allows you to create (very) simple draggable, customizable and unobtrusive popups. You can open multiple popups at the same time and choose what of them bring to front just by clicking it. All the popups are draggable (using jQueryUI draggable) and you can avoid overlapping with just one line of code. The created popups won't lock the page behind, so you can continue working on your HTML document while the popup is open. You can put everything you want in the popups!
simplePopup ti consente di creare dei popup (molto) semplici trascinabili, personalizzabili e discreti. Puoi aprire più popup allo stesso tempo e scegliere quale di essi visualizzare in cima semplicemente cliccandolo. Tutti i popup possono essere trascinati (utilizzando jQueryUI draggable) ed è possibile evitare sovrapposizioni con una singola riga di codice. I popup non bloccano la pagina che si sta visualizzando, quindi è possibile continuare a lavorare sul documento HTML sottostante mentre il popup è aperto. E' possibile inserire qualunque cosa nei popup!
Initialize simplePopup / Inizializzare simplePopup
$('#myPopup').simplePopup();Open or close a popup / Aprire o chiudere un popup
$('#myPopup').simplePopup('open');
$('#myPopup').simplePopup('close');Initialize a popup with options and show it / Inizializzare un popup con delle opzioni e mostrarlo
$('#myPopup').simplePopup({
"opt": "val";
}, "open");- open: to show the popup / mostra il popup
- close: to hide the popup / nasconde il popup
- destroy: to destroy the popup / distrugge il popup
- moveToTop: brings the popup to top / sposta il popup in cima
- closeAll: closes all popups / chiude tutti i popup
- openAll: opens all popups / apre tutti i popup
Any DOM object with class simplemodal_close_button will close the popup when clicked
Ogni oggetto del DOM con classe simplemodal_close_button farà chiudere il popup quando cliccato
Demo available in /demo folder of simplePopup
La demo è disponibile nella cartella /demo di simplePopup