shazron/phonegap_geotest.html

## phonegap_geotest.html
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />

    <meta http-equiv="Content-type" content="text/html; charset=utf-8">

	<!-- iPad/iPhone specific css below, add after your main css >
	<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />
	<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />
	-->
	<!-- If your application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
	<script type="text/javascript" charset="utf-8" src="phonegap-1.1.0.js"></script>
    <script type="text/javascript" charset="utf-8">


	// If you want to prevent dragging, uncomment this section
	/*
	function preventBehavior(e)
	{
      e.preventDefault();
    };
	document.addEventListener("touchmove", preventBehavior, false);
	*/

	/* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch.
	see http://iphonedevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html
	for more details -jm */
	/*
	function handleOpenURL(url)
	{
		// TODO: do something with the url passed in.
	}
	*/

	function onBodyLoad()
	{
		document.addEventListener("deviceready", onDeviceReady, false);
	}

	/* When this function is called, PhoneGap has been initialized and is ready to roll */
	/* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch.
	see http://iphonedevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html
	for more details -jm */
	function onDeviceReady()
	{
		// do your thing!
		//navigator.notification.alert("PhoneGap is working")

        setInterval(function() {
                        navigator.geolocation.getCurrentPosition(good, bad);
                    }, 5000);

//        window.watchId = navigator.geolocation.watchPosition(
//                    good, // SUCCESS
//                    function(e) { // ERROR
//                        navigator.geolocation.clearWatch(window.watchId);
//                        navigator.notification.alert('GPS Error', function() {}, 'No GPS');
//                    },
//                    // set gps acquisition timeout
//                    {timeout: 10000}
//                );
    }

        var counter = 0;

        function good(position)
        {
            var el = document.getElementById("log");
            el.innerHTML += "<hr />";
            el.innerHTML += (++counter) + ". - " + JSON.stringify(position);
        }

        function bad(err)
        {
            var el = document.getElementById("log");
            el.innerHTML += "<hr />";
            el.innerHTML += (++counter) + ". - " + JSON.stringify(err);
        }


    </script>
  </head>
  <body onload="onBodyLoad()">
	<h1>Hey, it's PhoneGap!</h1>
	<p>Don't know how to get started? Check out <em><a target="_blank" href="http://www.phonegap.com/start#ios-x4">PhoneGap Start</a></em>
	<br />
	<ol>
		<li>Check your console log for any white-list rejection errors.</li>
		<li>Add your allowed hosts in PhoneGap.plist/ExternalHosts (wildcards OK)</li>
	</ol>
    <div id="log"></div>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />

	<meta http-equiv="Content-type" content="text/html; charset=utf-8">

	<!-- iPad/iPhone specific css below, add after your main css >
	<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />
	<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />
	-->
	<!-- If your application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
	<script type="text/javascript" charset="utf-8" src="phonegap-1.1.0.js"></script>
	<script type="text/javascript" charset="utf-8">


	// If you want to prevent dragging, uncomment this section
	/*
	function preventBehavior(e)
	{
	e.preventDefault();
	};
	document.addEventListener("touchmove", preventBehavior, false);
	*/

	/* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch.
	see http://iphonedevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html
	for more details -jm */
	/*
	function handleOpenURL(url)
	{
	// TODO: do something with the url passed in.
	}
	*/

	function onBodyLoad()
	{
	document.addEventListener("deviceready", onDeviceReady, false);
	}

	/* When this function is called, PhoneGap has been initialized and is ready to roll */
	/* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch.
	see http://iphonedevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html
	for more details -jm */
	function onDeviceReady()
	{
	// do your thing!
	//navigator.notification.alert("PhoneGap is working")

	setInterval(function() {
	navigator.geolocation.getCurrentPosition(good, bad);
	}, 5000);

	// window.watchId = navigator.geolocation.watchPosition(
	// good, // SUCCESS
	// function(e) { // ERROR
	// navigator.geolocation.clearWatch(window.watchId);
	// navigator.notification.alert('GPS Error', function() {}, 'No GPS');
	// },
	// // set gps acquisition timeout
	// {timeout: 10000}
	// );
	}

	var counter = 0;

	function good(position)
	{
	var el = document.getElementById("log");
	el.innerHTML += "<hr />";
	el.innerHTML += (++counter) + ". - " + JSON.stringify(position);
	}

	function bad(err)
	{
	var el = document.getElementById("log");
	el.innerHTML += "<hr />";
	el.innerHTML += (++counter) + ". - " + JSON.stringify(err);
	}


	</script>
	</head>
	<body onload="onBodyLoad()">
	<h1>Hey, it's PhoneGap!</h1>
	<p>Don't know how to get started? Check out <em><a target="_blank" href="http://www.phonegap.com/start#ios-x4">PhoneGap Start</a></em>
	<br />
	<ol>
	<li>Check your console log for any white-list rejection errors.</li>
	<li>Add your allowed hosts in PhoneGap.plist/ExternalHosts (wildcards OK)</li>
	</ol>
	<div id="log"></div>
	</body>
	</html>