jquery-ui/demos/functional/templates/ui.dialog.html

<script type="text/javascript">

	var model = {

		renderAt: '#containerDemo',

		title: 'Dialog Demos',

		demos: [

			{
				title: 'Simple dialog',
				desc: 'With few lines of code you could build a dialog. You can try more options on the fly!',
				html: '<div id="dialog">jQuery UI Dialog</div>',
				destroy: '$("#dialog").dialog("destroy");',
				options: [
					{ desc: 'Make a simple dialog', source: '$("#dialog").dialog();' },
					{ desc: 'Modal dialog', source: '$("#dialog").dialog({ modal: true });' },
					{ desc: 'Modal dialog with overlay', source: '$("#dialog").dialog({ modal: true, overlay: { opacity: 0.5, background: "black" } });' },
					{ desc: 'With buttons', source: '$("#dialog").dialog({buttons: { "Ok": function() { alert("Ok"); }, "Cancel": function() { $(this).dialog("close"); } }});' },
					{ desc: 'Close the dialog', source: '$("#dialog").dialog("close");' }
				]
			}

		]
	};

	$(function(){

		uiRenderDemo(model);

	});

</script>