jquery-mobile/_dialog.html

<!DOCTYPE html> 
<html> 
	<head> 
	<title>jQuery Mobile Framework - Dialog Example</title> 
	<link rel="stylesheet" type="text/css" href="css/all" /> 
	<script type="text/javascript" src="js/all"></script>
</head> 
<body> 

<div data-role="page">
	<div data-role="header" data-theme="d">
		<h1>Dialog Example</h1>
		<a href="index.html" class="ui-back" data-icon="arrow-l">Home</a>
	</div>
	
	<div data-role="content" class=" ui-body ui-body-c">
		<h1>Demo description</h1>
		<p>This is a regular page, styled as a dialog! To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>
		<p>Try loading a taller page to see how the headers and footers work: <a href="_fixed.html" data-transition="pop" data-rel="dialog">Fixed Headers/Footers</a></p>
		<a href="#" data-role="button" data-theme="a">Sounds good</a>       
		<a href="#" data-role="button">meh..</a>    
	</div>
</div>


</body>
</html>
adding a page for dialog demos. Just a transition for now, more later. 2010-09-16 22:32:22 +00:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<title>jQuery Mobile Framework - Dialog Example</title>`
			`<link rel="stylesheet" type="text/css" href="css/all" />`
			`<script type="text/javascript" src="js/all"></script>`
			`</head>`
			`<body>`

Big update: In starting markup, pages should now be identified with the attribute data-role="page". This allows us to then add ui-page programatically, hiding all non-active pages, and apply ui-page-active to one page at a time to show it. mobile.js is updated to find pages by this attribute now, instead of ui-page class. fixes issue 32 2010-09-18 16:20:35 +00:00			`<div data-role="page">`
updated markup to use data-role attrs in place of classes for header/content/footer 2010-09-21 14:58:54 +00:00			`<div data-role="header" data-theme="d">`
adding a page for dialog demos. Just a transition for now, more later. 2010-09-16 22:32:22 +00:00			`<h1>Dialog Example</h1>`
			`<a href="index.html" class="ui-back" data-icon="arrow-l">Home</a>`
			`</div>`

updated markup to use data-role attrs in place of classes for header/content/footer 2010-09-21 14:58:54 +00:00			`<div data-role="content" class=" ui-body ui-body-c">`
adding a page for dialog demos. Just a transition for now, more later. 2010-09-16 22:32:22 +00:00			`<h1>Demo description</h1>`
content edit 2010-09-18 16:03:24 +00:00			`<p>This is a regular page, styled as a dialog! To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>`
updated link in demo page 2010-09-17 21:15:06 +00:00			`<p>Try loading a taller page to see how the headers and footers work: <a href="_fixed.html" data-transition="pop" data-rel="dialog">Fixed Headers/Footers</a></p>`
added dialog plugin and css, added it to the manifest file, updated some of the content on the _dialog.html demo page 2010-09-17 20:24:12 +00:00			`<a href="#" data-role="button" data-theme="a">Sounds good</a>`
			`<a href="#" data-role="button">meh..</a>`
adding a page for dialog demos. Just a transition for now, more later. 2010-09-16 22:32:22 +00:00			`</div>`
			`</div>`


			`</body>`
			`</html>`