This is a basic dialog declaration, first a few things, #div_dialog refers to a div we will place in the body. This is a modal dialog, meaning that it prevents the user from interacting with the rest of the page while the dialog is open. The OK button closes the dialog.

Now for the div declaration in the body of the html. The div is needed because like most jQuery structures they need a div or an html element to anchor or bind to.

Simply place this is the body:

<div id=”div_dialog“>

</div>

you don’t had to give it an id of div_dialog, you can name it whatever you please. We will also add a button to trigger the dialog to open.