jQuery Dialog Example
Required JavaScript jQuery files
- ui.resizable.js
Click ui.resizable.js to view jquery file - ui.dialog.js
Click ui.dialog.js to view jquery file - jquery-1.3.2.js
Click jquery-1.3.2.js to view jquery file - ui.core.js
Click ui.core.js to view jquery file - ui.draggable.js
Click ui.draggable.js to view jquery file 2
1438
This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon. And you can add more and more...
Sed vel diam id libero rutrum convallis. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.
CSS
JavaScript
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$("#dialog").dialog();
});
HTML
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon. And you can add more and more...</p>
<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet
rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
<p> checkbox<br />
radio</p>
<p> select</p>
<p> textarea</p>
