Simple Dialog

by markallgood

HTML

<h1>Page to open a simple modal dialog for testing</h1>
<p id="myButton">Open a dialog</p>
<div id="dialog" title="I am a dialog title">
    <p>I am dialog content</p>
</div>

CSS

.ui-widget-overlay {
opacity: 0.5;
background: black;
}

JavaScript

$("#dialog").dialog({
    modal:true, 
    autoOpen:false,
    open: function (event, ui) {
        $(".ui-dialog-titlebar-close", $(this).dialog).hide();
    }
});
$("#myButton").click(function(event) {
    $("#dialog").dialog("open");
});