jQuery Dialog Example

Required JavaScript jQuery files

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.


checkbox
radio



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>