Posted By

damientailhades on 09/16/11

Tagged

Versions (?)

Last Edited at 09/16/11 11:59pm

Statistics

Viewed 959 times

Favorited by 0 user(s)

JqueryMobile_Basic_Page_Structure

/ Published in: HTML

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<!DOCTYPE html> 
<html> 
	<head> 
	<title>title</title> 
 
	<meta charset="utf-8">
 
	<meta name="viewport" content="width=device-width, nimimum-scale=1, maximum-scale=1">
	<meta name="robots" content="noindex, nofollow">
 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" />
	<link rel="apple-touch-icon" href="/img/icon-qrxel.gif" />
 
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script>
 
	</head> 
<body>
	<!-- page item0 -->
	<div data-role="page" id="item0" data-title="title Item 0">
		<div data-role="header">
			<h1>header</h1>
		</div>
		<div id="picture"></div>
		<div data-role="content">
			<ul data-role="listview">
				<li><a href="#item0">item-0</a></li>
				<li><a href="#item1">item-1</a></li>
			</ul>
		</div>
		<div data-role="footer">
			<h4>footer</h4>
		</div>
	</div>
	<!-- fin page item0 -->
 
	<!-- page item1 -->
	<div data-role="page" id="item0" data-title="title Item 1">
		<div data-role="header">
			<a data-rel="back" data-theme="a">Retour</a>
			<h1>header</h1>
		</div>
		<div id="picture"></div>
		<div data-role="content">
			<h2>title h2</h2>
			<p>voici mon contenu</p>
		</div>
		<div data-role="footer">
			<div data-role="navbar">
				<ul>
					<li><a data-rel="back" data-theme="a">Retour</a></li>
					<li><a data-direction="reverse" data-theme="a" href="#item0">Home</a></li>
				</ul>
			</div>
			<h4>footer</h4>
		</div>
	</div>
	<!-- fin page item1 -->
</body>
</html>