Basic Modal Dialog

A basic modal dialog with minimal styling and no additional options. There are a few CSS properties set internally by SimpleModal, however, SimpleModal relies mostly on style options and/or external CSS for the look and feel.

or Demo

Basic Modal Dialog

For this demo, SimpleModal is using this "hidden" data for its content. You can also populate the modal dialog with an AJAX response, standard HTML or DOM element(s).

Examples:

$('#basicModalContent').modal(); // jQuery object - this demo

$.modal(document.getElementById('basicModalContent')); // DOM

$.modal('<p><b>HTML</b> elements</p>'); // HTML

$('<div></div>').load('page.html').modal(); // AJAX

More details...