MODAL è un piccolo plugin per generare finestre modali. Può essere impiegata per generare messaggi di Alert o Confirm con pochissime righe di codice. La configurazione Confirm prevede l'utilizzo di callBack da applicare ad azioni positive; può lavorare in modalità asincrona e recuperare il contenuto da pagine esterne, oppure ricevendo il contenuto inline. SIMPLEMODAL non è una lightbox anche se la possibilità di nascondere parti del suo layout potrebbero parzialmente renderla simile. */?> SIMPLEMODAL is a small plugin to create modal windows. It can be used to generate alert or confirm messages with few lines of code. Confirm configuration involves the use of callbacks to be applied to affirmative action; it can work in asynchronous mode and retrieve content from external pages or getting the inline content.
SIMPLEMODAL is not a lightbox although the possibility to hide parts of its layout may partially make it similar.

Examples

Alert

Confirm

No header

How to use

MODAL è molto semplice; di seguito vengono illustrati 4 modi di creazione di SM: semplice messaggio di alert, finestra modale, finestra modale con chiamata asincrona e singola lightbox. */?> SIMPLEMODAL is very simple to use; here are 4 ways to create SIMPLEMODAL: simple alert message, modal window, modal window with a single asynchronous call and lightbox.

ALERT INTEGRATION

      $("myElement").addEvent("click", function(){
        var SM = new SimpleModal({"btn_ok":"Alert button"});
            SM.show({
              "title":"Title",
              "contents":"Your message..."
            });
      });

MODAL INTEGRATION

      $("myElement").addEvent("click", function(){
        var SM = new SimpleModal({"btn_ok":"Confirm button"});
            SM.addButton("Action button", "btn primary", function(){
              alert("Add your code");
              this.hide();
            });
            SM.addButton("Cancel", "btn");
            SM.show({
              "model":"modal",
              "title":"Title",
              "contents":"Your message..."
            }); 
      });

MODAL-AJAX INTEGRATION

      $("myElement").addEvent("click", function(){
        var SM = new SimpleModal({"width":600});
            SM.addButton("Action button", "btn primary", function(){
                this.hide();
            });
            SM.addButton("Cancel", "btn");
            SM.show({
              "model":"modal-ajax",
              "title":"Title",
              "param":{
                "url":"ajax-content.php",
                "onRequestComplete": function(){ /* Action on request complete */ }
              }
            });
      });

MODAL-IMAGE

      $("myElement").addEvent("click", function(){
        var SM = new SimpleModal();
            SM.show({
              "model":"modal-ajax",
              "title":"Image title",
              "param":{
                "url":"http://url-file.jpg",
                "onRequestComplete": function(){ }
              }
            });
      });

SimpleModal