SIMPLE MODAL is a small plugin for jQuery to create modal windows. It's heavily based on SIMPLE MODAL for Mootools (http://simplemodal.plasm.it/) 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. SIMPLE MODAL is not a lightbox although the possibility to hide parts of its layout may partially make it similar.
Here is a nice demo.
Minimal configuration
Snippet code Javascript:
$("#myElement").click(function() { $.fn.SimpleModal({ btnOk: "Alert button", title: "Title", contents: "Your message..." }).showModal(); });
Snippet code HTML:
<a id="myElement" href="javascript;">Alert</a>
Snippet code Javascript:
$("#myElement").click(function() { $.fn.SimpleModal({ model: "modal-ajax", title: "Title", param: { url: "file-content.php", onRequestComplete: function() { /* Action on request complete */ } } }.addButton("Action button", "btn primary", function() { this.hide(); }).addButton("Cancel", "btn").showModal(); });
Snippet code HTML:
<a id="myElement" href="javascript;">Open Modal</a>