1

phonegapを使って加速度計の値を取得して出力しているのですが、本体に表示する方法がわかりません。JQueryも使用しています。このコードは、Cordova (PhoneGap) Web サイトの加速度計の例から取得したものです。

<!DOCTYPE html>
<html>
  <head>
    <title>Acceleration Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova-1.7.0.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');
              document.writeln(
              '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>
4

1 に答える 1

0

HTML タグでは、このコードを使用します。

<p id="ax"></p>
<p id="ay"></p>
<p id="az"></p>

およびJavaScriptコードの関数 onSuccess(acceleration) で。このコマンドを使用する必要があります

document.getElementById("ax").innerHTML = acceleration.x;
document.getElementById("ay").innerHTML = acceleration.y;
document.getElementById("az").innerHTML = acceleration.z;

またはこのようなjQueryを使用して

$("ax").html(acceleration.x);
$("ay").html(acceleration.y);
$("az").html(acceleration.z);
于 2012-05-19T06:03:30.400 に答える