JQUERY UI Dialog

gistfile1.html

<script>
  $(function() {
    $( "#dialog-modal" ).dialog({
      height: 140,
      modal: true,
      autoOpen: false,
      draggable: false,
      resizable: false,
      position: { my: "left top", at: "left bottom", of: button }
    });
    
    $( "#dialog-modal" ).dialog('open');
  });
</script>

<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>