jquery-ui/demos/dialog/modal.html

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Dialog - Basic modal</title>
	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
	<script src="../../jquery-1.8.3.js"></script>
	<script src="../../ui/jquery.ui.core.js"></script>
	<script src="../../ui/jquery.ui.widget.js"></script>
	<script src="../../ui/jquery.ui.mouse.js"></script>
	<script src="../../ui/jquery.ui.draggable.js"></script>
	<script src="../../ui/jquery.ui.position.js"></script>
	<script src="../../ui/jquery.ui.resizable.js"></script>
	<script src="../../ui/jquery.ui.button.js"></script>
	<script src="../../ui/jquery.ui.dialog.js"></script>
	<link rel="stylesheet" href="../demos.css">
	<script>
	$(function() {
		$( "#dialog-modal" ).dialog({
			height: 140,
			modal: true
		});
	});
	</script>
</head>
<body>

<div id="dialog-modal" title="Basic modal dialog">
	<p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
</div>

<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>

<div class="demo-description">
<p>A modal dialog prevents the user from interacting with the rest of the page until it is closed.</p>
</div>
</body>
</html>
Demos: Cleanup. 2012-09-10 15:33:46 +00:00			`<!doctype html>`
demos: whitespace fixes - trailing whitespace - inconsistent line endings - set svn:eol-style to native 2008-12-31 01:20:50 +00:00			`<html lang="en">`
			`<head>`
Dialog demos: Coding standards. 2010-09-10 13:01:54 +00:00			`<meta charset="utf-8">`
slightly reorganized/renamed demos to better reflect functionality 2009-01-20 20:09:55 +00:00			`<title>jQuery UI Dialog - Basic modal</title>`
Dialog demos: Coding standards. 2010-09-10 13:01:54 +00:00			`<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">`
Upgrade jQuery to 1.8.3. 2012-11-14 20:22:01 +00:00			`<script src="../../jquery-1.8.3.js"></script>`
Dialog demos: Coding standards. 2010-09-10 13:01:54 +00:00			`<script src="../../ui/jquery.ui.core.js"></script>`
			`<script src="../../ui/jquery.ui.widget.js"></script>`
			`<script src="../../ui/jquery.ui.mouse.js"></script>`
			`<script src="../../ui/jquery.ui.draggable.js"></script>`
			`<script src="../../ui/jquery.ui.position.js"></script>`
			`<script src="../../ui/jquery.ui.resizable.js"></script>`
Dialog: Use button widget for close button (was already listed as dependency) 2012-11-15 21:29:24 +00:00			`<script src="../../ui/jquery.ui.button.js"></script>`
Dialog demos: Coding standards. 2010-09-10 13:01:54 +00:00			`<script src="../../ui/jquery.ui.dialog.js"></script>`
			`<link rel="stylesheet" href="../demos.css">`
			`<script>`
demos: whitespace fixes - trailing whitespace - inconsistent line endings - set svn:eol-style to native 2008-12-31 01:20:50 +00:00			`$(function() {`
Dialog demos: Coding standards. 2010-09-10 13:01:54 +00:00			`$( "#dialog-modal" ).dialog({`
demos/dialog: set up dialog demos to use bgiframe 2009-01-07 03:40:05 +00:00			`height: 140,`
dialog: - implemented themeroller overlay, removes option overlay (now handled through CSS) (implements #3681) - implemented shadow option (boolean), if set to true, adds shadow from css framework (implements #3681) 2009-01-27 16:53:46 +00:00			`modal: true`
demos: whitespace fixes - trailing whitespace - inconsistent line endings - set svn:eol-style to native 2008-12-31 01:20:50 +00:00			`});`
			`});`
			`</script>`
			`</head>`
			`<body>`

workaround for #4375 2009-07-11 14:00:08 +00:00			`<div id="dialog-modal" title="Basic modal dialog">`
demos/dialog/modal.html: clarified the description for modal 2008-12-31 20:16:15 +00:00			`<p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>`
			`</div>`
demos: whitespace fixes - trailing whitespace - inconsistent line endings - set svn:eol-style to native 2008-12-31 01:20:50 +00:00
Demos: Cleanup. 2012-09-10 15:33:46 +00:00			`<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>`
Added demo wrapper divs, description text and improved sample data 2008-12-30 17:47:22 +00:00
Dialog demos: Coding standards. 2010-09-10 13:01:54 +00:00			`<div class="demo-description">`
			`<p>A modal dialog prevents the user from interacting with the rest of the page until it is closed.</p>`
Demos: Cleanup. 2012-09-10 15:33:46 +00:00			`</div>`
demos: whitespace fixes - trailing whitespace - inconsistent line endings - set svn:eol-style to native 2008-12-31 01:20:50 +00:00			`</body>`
			`</html>`