jquery UI dialog to implement window effects

Today we use the JQuery UI dialog to do a window effect. Let's look at the screenshot of the effect first:

We can see, click, the window appears, and the window is centered, or can be dragged ... To achieve all this, as long as the following code:

We can see that my pop this div, the way to achieve is to let it not AutoOpen, click on the time, I just a dialog,open to do, with the help of the jquery UI, we do the window is so simple ... Of course, as you can see, I also have a feature that inserts data, and I use the appendto of jquery:

I first get the value through the variable, then build an HTML tag, and then appendto into the table, so that everyone can see the insertion of data, of course, this is not a database ... You remember, with the help of the Juqery UI, a dialog, we can implement the drag-style pop-up window ...