<html manifest="html5/test.appcache">
<head>
<title>HTML5</title>
</head>
<body>
<h3>Geolocation Test</h3>
<div id="status">Location unknown</div>
<script language="javascript" type="text/javascript" src="html5/geolocation.js"></script>
<h3>Web SQL Database Test</h3>
<div id="logs"></div>
<script language="javascript" type="text/javascript" src="html5/database.js"></script>
<h3>Application Cache Test</h3>
<div id="images">
<p>Current network status: <span id="state"></span></p>
<script>
var state = document.getElementById('state')
setInterval(function () {
state.className = navigator.onLine ? 'online' : 'offline';
state.innerHTML = navigator.onLine ? 'online' : 'offline';
}, 250);
</script>
<img id="red" src="html5/red.jpg">
<img id="blue" src="html5/blue.jpg">
<img id="green" src="html5/green.jpg">
<img id="yellow" src="html5/yellow.jpg">
</div>
</body>
</html>-
Kriengkrai Yothee authoredb549a91e