jQueryUI Dialog

by Snj

HTML

<div id="myDialog">
    This is the content of my modal dialog box
    <input type="text" id="myTextBox" />
</div>

<button id="clickMe">Click Me</button>

JavaScript

//Set up the dialog box
$("#myDialog").dialog({
    autoOpen  : false,
    modal: false,
    draggable: true,
    position: ['right', 'bottom'],
  	show: 'slideDown',
    hide: 'blind',
});

//Open the dialog box when the button is clicked.
$('#clickMe').click(function() {
    $("#myDialog").dialog("open");
    //$(".ui-dialog-titlebar").hide();
});