jquery-mobile/_fixed-variation2.html

<!DOCTYPE html> 
<html> 
	<head> 
	<title>jQuery Mobile Framework - Fixed Overlay Style Toolbars</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">
		<h1>Fixed Header</h1>
		<a href="index.html" class="ui-back" data-icon="arrow-l">Home</a>
	</div>
	
	<div data-role="content" class=" ui-fullscreen">
	
		<img src="experiments/photos/images/photo-sand.jpeg" alt="photo-sand" />
	
	</div>
	
	<div data-role="footer">
			<h1>Fixed Footer</h1>
	</div>


</div>

</body>
</html>
updated for these new demos that show different variations of the overlays 2010-09-11 16:40:04 +00:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<title>jQuery Mobile Framework - Fixed Overlay Style Toolbars</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 for these new demos that show different variations of the overlays 2010-09-11 16:40:04 +00:00
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">`
updated for these new demos that show different variations of the overlays 2010-09-11 16:40:04 +00:00			`<h1>Fixed Header</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-fullscreen">`
updated for these new demos that show different variations of the overlays 2010-09-11 16:40:04 +00:00
			`<img src="experiments/photos/images/photo-sand.jpeg" alt="photo-sand" />`

			`</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="footer">`
updated for these new demos that show different variations of the overlays 2010-09-11 16:40:04 +00:00			`<h1>Fixed Footer</h1>`
			`</div>`


			`</div>`

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