canvas.html

﻿<!DOCTYPE html>
<html lang="fr">
	<head>
		<title>AlphaBaby</title>
		<meta name="viewport" content="width=device-width, initial-scale=1"> 
			<link rel="stylesheet" href="libs/jquery.mobile-1.2.0.min.css" />
			<link rel="stylesheet" href="styles/style.css" />
			<script src="libs/jquery-1.8.2.min.js"></script>
			<script src="libs/jquery.mobile-1.2.0.min.js"></script>
			<script language="javascript" type="text/javascript" src="scripts/xml.js"></script>
		<meta charset="utf-8" /> 
	</head>
	<body onload="random_letter();">
		<div data-role="page">
			<header data-role="header" >
				<a href="#" data-rel="back" data-icon="arrow-l" data-add-back-btn="true" data-icon="back">Retour</a>
				<h1>- Dessiner -</h1>
				<a href="progress.html#5" rel="external" data-ajax="false" data-icon="star">Scores</a>
			</header>

			<section data-role="content"> 
				<H4 id="points">0 Point. Lance toi!</H4>
				
				<div id="container">
					<canvas id="imageView" width="232" height="232">
					</canvas>
					<div id="letter">
					</div>
				</div>
				<script type="text/javascript" src="scripts/canvas.js"></script>
				<div id="popop">
					<div data-role="popup" id="popupNon" data-theme="a" data-overlay-theme="a">
						<p>Dommage... Essaie encore!<p>
					</div>
					<div data-role="popup" id="popupOui" data-theme="a" data-overlay-theme="a">
						<p>Bien joué! 1 Point de plus!<p>
					</div>
				</div>
				<a href="#" onclick="img_update();" data-role="button" rel="external" data-ajax="false" >Valider</a>
			</section>
		</div>
	</body>
</html>