HTML and CSS Reference
In-Depth Information
<!DOCTYPE>
<html>
<head>
<title>Virtuelle Wasserwaage</title>
<meta name "viewport" content "width default width; user scalable no" />
<link rel "stylesheet" type "text/css" href "style.css">
<script type "text/javascript" charset "utf 8"
src "phonegap.js"></script>
<script type "text/javascript" charset "utf 8">
// Festlegen der watchID
var watchID null;
// Warten, bis PhoneGap geladen ist
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
function onDeviceReady() {
}
function startAccelerometer() {
// Als Aktualisierungsfrequenz legen wir 0,1 Sekunden fest
var options { frequency: 100 };
// API Aufruf
watchID navigator.accelerometer.watchAcceleration(onSuccess,
onFail, options);
}
// Automatische Uebermittlung der Geraetelage beenden
function stopAccelerometer() {
if (watchID) {
navigator.accelerometer.clearWatch(watchID);
watchID null;
}
}
// Wird nur aufgerufen, wenn Beschleunigungswerte erhalten wurden
function onSuccess(acceleration) {
var element document.getElementById('accelerometer');
element.innerHTML 'Beschleunigung/Lage X: ' + acceleration.x +
'<br />' +
'Beschleunigung/Lage Y: ' + acceleration.y + '<br />' +
'Beschleunigung/Lage Z: ' + acceleration.z + '<br />';
// Virtuelle Wasserwaage Sende beep, wenn x und y Achse gerade sind
if ( acceleration.x < 0.01 && acceleration.x > 0.01 && acceleration.y
< 0.99 && acceleration.y > 1.01 ) { navigator.notification.beep(); }
}
// Wird im Fehlerfall aufgerufen
function onFail() {
alert('Immer geht was schief!');
