jQuery UI Dialog Testing

by markallgood

HTML

<div id="dialog-modal" title="Basic modal dialog">
    <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
</div>

JavaScript

$(function() {
    $( "#dialog-modal" ).dialog({
        height: 140,
        modal: true,
        open: function(event, ui) {
            $(ui).css("background-color", "red");
        }
    });
});