[OpenLayers-Commits] r11199 - sandbox/cmoullet/openlayers/examples

[commits-20090109 at openlayers.org]

Author: cmoullet
Date: 2011-02-21 07:49:36 -0800 (Mon, 21 Feb 2011)
New Revision: 11199

Modified:
   sandbox/cmoullet/openlayers/examples/accelerometer.html
Log:
Separate device motion and orientation

Modified: sandbox/cmoullet/openlayers/examples/accelerometer.html
===================================================================
--- sandbox/cmoullet/openlayers/examples/accelerometer.html	2011-02-21 15:45:53 UTC (rev 11198)
+++ sandbox/cmoullet/openlayers/examples/accelerometer.html	2011-02-21 15:49:36 UTC (rev 11199)
@@ -18,26 +18,23 @@
             if (isEventSupported('deviceorientation', window) || isEventSupported('mozorientation', window) || isEventSupported('devicemotion', window)) {
                 if (window.DeviceOrientationEvent) {
                     window.addEventListener("deviceorientation", function (event) {
-                        document.getElementById('result').innerHTML = "Alpha: " + event.alpha + "<br>";
-                        document.getElementById('result').innerHTML = document.getElementById('result').innerHTML + "Beta: " + event.beta+ "<br>";
-                        document.getElementById('result').innerHTML = document.getElementById('result').innerHTML + "Gamma: " + event.gamma+ "<br>";
+                        document.getElementById('resultDeviceOrientation').innerHTML = "Alpha: " + event.alpha + "<br>";
+                        document.getElementById('resultDeviceOrientation').innerHTML = document.getElementById('resultDeviceOrientation').innerHTML + "Beta: " + event.beta+ "<br>";
+                        document.getElementById('resultDeviceOrientation').innerHTML = document.getElementById('resultDeviceOrientation').innerHTML + "Gamma: " + event.gamma+ "<br>";
                     }, true);
                 }
                 if (window.DeviceMotionEvent) {
                     window.addEventListener('devicemotion', function (event) {
-                        document.getElementById('result').innerHTML = "accelerationIncludingGravity.x: " + event.accelerationIncludingGravity.x+ "<br>";
-                        document.getElementById('result').innerHTML = document.getElementById('result').innerHTML + "accelerationIncludingGravity.y: " + event.accelerationIncludingGravity.y+ "<br>";
-                        document.getElementById('result').innerHTML = document.getElementById('result').innerHTML + "accelerationIncludingGravity.z: " + event.accelerationIncludingGravity.z+ "<br>";
-                        document.getElementById('result').innerHTML = document.getElementById('result').innerHTML + "rotationRate.alpha: " + event.rotationRate.alpha+ "<br>";
-                        document.getElementById('result').innerHTML = document.getElementById('result').innerHTML + "rotationRate.beta: " + event.rotationRate.beta+ "<br>";
-                        document.getElementById('result').innerHTML = document.getElementById('result').innerHTML + "rotationRate.gamm: " + event.rotationRate.gamma+ "<br>";
+                        document.getElementById('resultDeviceMotion').innerHTML = "accelerationIncludingGravity.x: " + event.accelerationIncludingGravity.x+ "<br>";
+                        document.getElementById('resultDeviceMotion').innerHTML = document.getElementById('resultDeviceMotion').innerHTML + "accelerationIncludingGravity.y: " + event.accelerationIncludingGravity.y+ "<br>";
+                        document.getElementById('resultDeviceMotion').innerHTML = document.getElementById('resultDeviceMotion').innerHTML + "accelerationIncludingGravity.z: " + event.accelerationIncludingGravity.z+ "<br>";
                     }, true);
                 }
                 if (window.MozOrientation) {
                     window.addEventListener("MozOrientation", function (orientation) {
-                        document.getElementById('result').innerHTML = "orientation.x: " + orientation.x+ "<br>";
-                        document.getElementById('result').innerHTML = document.getElementById('result').innerHTML + "orientation.y: " + orientation.y+ "<br>";
-                        document.getElementById('result').innerHTML = document.getElementById('result').innerHTML + "orientation.z: " + orientation.z+ "<br>";
+                        document.getElementById('resultMozOrientation').innerHTML = "orientation.x: " + orientation.x+ "<br>";
+                        document.getElementById('resultMozOrientation').innerHTML = document.getElementById('resultMozOrientation').innerHTML + "orientation.y: " + orientation.y+ "<br>";
+                        document.getElementById('resultMozOrientation').innerHTML = document.getElementById('resultMozOrientation').innerHTML + "orientation.z: " + orientation.z+ "<br>";
                     }, true);
                 }
             } else {
@@ -54,8 +51,17 @@
     The goal of this script is to demonstrate the usage of accelerometer
 </p>
 
-<div id="result">
+<h1>Device motion</h1>
+<div id="resultDeviceMotion">
 
 </div>
+<h1>Device orientation</h1>
+<div id="resultDeviceOrientation">
+
+</div>
+<h1>MOZ orientation</h1>
+<div id="resultMozOrientation">
+
+</div>
 </body>
 </html>