2009-07-10 05:05:26 +08:00
|
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
|
|
|
|
"http://www.w3.org/TR/html4/strict.dtd">
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta name="viewport" content="width=320; user-scalable=no" />
|
|
|
|
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
|
|
|
|
<title>PhoneGap</title>
|
|
|
|
|
<link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title" charset="utf-8">
|
2009-07-18 04:23:51 +08:00
|
|
|
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
|
2009-07-10 05:05:26 +08:00
|
|
|
<script type="text/javascript" charset="utf-8">
|
2009-11-11 09:35:56 +08:00
|
|
|
|
2009-11-13 02:51:22 +08:00
|
|
|
var deviceInfo = function(){
|
2009-07-18 04:23:51 +08:00
|
|
|
document.getElementById("platform").innerHTML = device.platform;
|
|
|
|
|
document.getElementById("version").innerHTML = device.version;
|
|
|
|
|
document.getElementById("uuid").innerHTML = device.uuid;
|
2009-11-13 02:51:22 +08:00
|
|
|
console.log("Height:" + window.innerHeight);
|
|
|
|
|
console.log("Width:" + window.innerWidth);
|
2009-07-10 05:05:26 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var getLocation = function() {
|
|
|
|
|
var suc = function(p){
|
2009-07-18 04:23:51 +08:00
|
|
|
alert(p.coords.latitude + " " + p.coords.longitude);
|
2009-07-10 05:05:26 +08:00
|
|
|
};
|
|
|
|
|
var fail = function(){};
|
|
|
|
|
navigator.geolocation.getCurrentPosition(suc,fail);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var beep = function(){
|
|
|
|
|
navigator.notification.beep(2);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var vibrate = function(){
|
|
|
|
|
navigator.notification.vibrate(0);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var getContact = function(){
|
|
|
|
|
var suc = function(c){ alert("Contact 4: " + c.contacts[3].name); };
|
|
|
|
|
var fail = function(){};
|
|
|
|
|
navigator.ContactManager.get(suc, fail);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var watchAccel = function() {
|
|
|
|
|
var suc = function(a){
|
|
|
|
|
document.getElementById('x').innerHTML = roundNumber(a.x);
|
|
|
|
|
document.getElementById('y').innerHTML = roundNumber(a.y);
|
|
|
|
|
document.getElementById('z').innerHTML = roundNumber(a.z);
|
|
|
|
|
};
|
|
|
|
|
var fail = function(){};
|
|
|
|
|
var opt = {};
|
|
|
|
|
opt.frequency = 100;
|
|
|
|
|
timer = navigator.accelerometer.watchAcceleration(suc,fail,opt);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function roundNumber(num) {
|
|
|
|
|
var dec = 3;
|
|
|
|
|
var result = Math.round(num*Math.pow(10,dec))/Math.pow(10,dec);
|
|
|
|
|
return result;
|
|
|
|
|
}
|
|
|
|
|
|
2009-08-01 06:17:10 +08:00
|
|
|
var preventBehavior = function(e) {
|
2009-07-10 05:05:26 +08:00
|
|
|
e.preventDefault();
|
|
|
|
|
};
|
|
|
|
|
|
2009-08-01 06:17:10 +08:00
|
|
|
function show_pic()
|
|
|
|
|
{
|
2009-11-10 09:30:52 +08:00
|
|
|
var viewport = document.getElementById('viewport');
|
|
|
|
|
viewport.style.display = "";
|
2009-08-01 06:17:10 +08:00
|
|
|
navigator.camera.getPicture(dump_pic, fail, { quality: 50 });
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function dump_pic(data)
|
|
|
|
|
{
|
|
|
|
|
var viewport = document.getElementById('viewport');
|
2009-08-08 06:33:16 +08:00
|
|
|
console.log(data);
|
2009-08-01 06:17:10 +08:00
|
|
|
viewport.style.display = "";
|
|
|
|
|
viewport.style.position = "absolute";
|
|
|
|
|
viewport.style.top = "10px";
|
2009-08-08 06:33:16 +08:00
|
|
|
viewport.style.left = "10px";
|
2009-08-01 06:17:10 +08:00
|
|
|
document.getElementById("test_img").src = "data:image/jpeg;base64," + data;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function close()
|
|
|
|
|
{
|
|
|
|
|
var viewport = document.getElementById('viewport');
|
|
|
|
|
viewport.style.position = "relative";
|
|
|
|
|
viewport.style.display = "none";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function fail(fail)
|
|
|
|
|
{
|
|
|
|
|
alert(fail);
|
|
|
|
|
}
|
2009-07-10 05:05:26 +08:00
|
|
|
|
2009-10-23 05:25:45 +08:00
|
|
|
// This is just to do this.
|
|
|
|
|
function readFile()
|
|
|
|
|
{
|
|
|
|
|
navigator.file.read('/sdcard/phonegap.txt', fail , fail);
|
|
|
|
|
}
|
|
|
|
|
|
2009-10-29 04:43:39 +08:00
|
|
|
function writeFile()
|
|
|
|
|
{
|
|
|
|
|
navigator.file.write('foo.txt', "This is a test of writing to a file", fail, fail);
|
|
|
|
|
}
|
|
|
|
|
|
2009-08-01 06:17:10 +08:00
|
|
|
function init(){
|
|
|
|
|
document.addEventListener("touchmove", preventBehavior, false);
|
2009-11-13 02:51:22 +08:00
|
|
|
document.addEventListener("deviceReady", deviceInfo, true);
|
2009-08-01 06:17:10 +08:00
|
|
|
}
|
2009-11-11 09:35:56 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2009-08-01 06:17:10 +08:00
|
|
|
</script>
|
2009-07-10 05:05:26 +08:00
|
|
|
</head>
|
|
|
|
|
<body onload="init();" id="stage" class="theme">
|
|
|
|
|
<h1>Welcome to PhoneGap!</h1>
|
|
|
|
|
<h2>this file is located at assets/index.html</h2>
|
|
|
|
|
<div id="info">
|
|
|
|
|
<h4>Platform: <span id="platform"> </span></h4>
|
|
|
|
|
<h4>Version: <span id="version"> </span></h4>
|
|
|
|
|
<h4>UUID: <span id="uuid"> </span></h4>
|
|
|
|
|
</div>
|
|
|
|
|
<dl id="accel-data">
|
|
|
|
|
<dt>X:</dt><dd id="x"> </dd>
|
|
|
|
|
<dt>Y:</dt><dd id="y"> </dd>
|
|
|
|
|
<dt>Z:</dt><dd id="z"> </dd>
|
|
|
|
|
</dl>
|
|
|
|
|
<a href="#" class="btn large" onclick="watchAccel();">Watch Accelerometer</a>
|
|
|
|
|
<a href="#" class="btn large" onclick="getLocation();">Get Location</a>
|
|
|
|
|
<a href="tel://411" class="btn large">Call 411</a>
|
2009-11-10 09:30:52 +08:00
|
|
|
<a href="#" class="btn large" onclick="beep();">Beep</a>
|
|
|
|
|
<a href="#" class="btn large" onclick="vibrate();">Vibrate</a>
|
|
|
|
|
<a href="#" class="btn large" onclick="show_pic();">Get a Picture</a>
|
|
|
|
|
<div id="viewport" class="viewport" style="display: none;">
|
2009-08-01 06:17:10 +08:00
|
|
|
<img style="width:60px;height:60px" id="test_img" src="" />
|
|
|
|
|
</div>
|
2009-07-10 05:05:26 +08:00
|
|
|
</body>
|
2009-08-01 06:17:10 +08:00
|
|
|
</html>
|
