Mercurial > party-buddy
changeset 2:1bb7c4091f1d
Accel example
| author | Michal Kawalec <mkawalec@lavabit.com> |
|---|---|
| date | Sat, 01 Jun 2013 17:29:05 +0200 |
| parents | ea7dc6a75895 |
| children | 803efa25f499 |
| files | assets/www/index.html |
| diffstat | 1 files changed, 38 insertions(+), 21 deletions(-) [+] |
line wrap: on
line diff
--- a/assets/www/index.html Sat Jun 01 17:19:33 2013 +0200 +++ b/assets/www/index.html Sat Jun 01 17:29:05 2013 +0200 @@ -17,26 +17,43 @@ specific language governing permissions and limitations under the License. --> +<!DOCTYPE html> <html> - <head> - <meta charset="utf-8" /> - <meta name="format-detection" content="telephone=no" /> - <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> - <link rel="stylesheet" type="text/css" href="css/index.css" /> - <title>Hello World</title> - </head> - <body> - <div class="app"> - <h1>Apache Cordova</h1> - <div id="deviceready" class="blink"> - <p class="event listening">Connecting to Device</p> - <p class="event received">Device is Ready</p> - </div> - </div> - <script type="text/javascript" src="cordova.js"></script> - <script type="text/javascript" src="js/index.js"></script> - <script type="text/javascript"> - app.initialize(); - </script> - </body> + <head> + <title>Acceleration Example</title> + + <script type="text/javascript" charset="utf-8" src="cordova.js"></script> + <script type="text/javascript" charset="utf-8"> + + // Wait for Cordova to load + // + document.addEventListener("deviceready", onDeviceReady, false); + + // Cordova is ready + // + function onDeviceReady() { + navigator.accelerometer.getCurrentAcceleration(onSuccess, onError); + } + + // onSuccess: Get a snapshot of the current acceleration + // + function onSuccess(acceleration) { + alert('Acceleration X: ' + acceleration.x + '\n' + + 'Acceleration Y: ' + acceleration.y + '\n' + + 'Acceleration Z: ' + acceleration.z + '\n' + + 'Timestamp: ' + acceleration.timestamp + '\n'); + } + + // onError: Failed to get the acceleration + // + function onError() { + alert('onError!'); + } + + </script> + </head> + <body> + <h1>Example</h1> + <p>getCurrentAcceleration</p> + </body> </html>
