phoneGap-Accelerometer

tanzverfuehrung · 13.12.2011, 09:17

Hallo, also ich soll will mal bisschen mit phone gab rum spielen und ausprobieren!
leider habe ich keine erfahrung mit javascript und html, sondern bis jetzt nur mit Java.

ich wollte ein beispiel nach programmieren, für mein verständnis, dass ich danach mir ein eigenes spiel erstellen kann!
mir geht es am meisten um den Accelerometer

PhoneGap API Documentation

da habe ich ein schönes beispiel gefunden:
The ADC presents PhoneGap APIs « PhoneGap

, was ich anch programmieren soll

meine index.html

sieht so aus

HTML-Code:

<!DOCTYPE HTML>
 <html>
   <head>
     <title>Accelerometer</title>
        <link rel="stylesheet" href="styles/application.css" type="text/css" />
        <link rel="stylesheet" href="styles/accelerometer.css" type="text/css" />
              
        <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
        <script type="text/javascript" charset="utf-8" src="jquery.mobil-1.0.min.js"></script>

        <script type="text/javascript">
        
       $ (document).bind('deviceready', function(){
        var watchId= = 0;
         $ ( '#btnWatch' ).bind( 'touchstart', function(){
         if( watchId == 0 )
         {
         watchId = navigator.accelerometer.watchAcceleration( function(acceleration )
                $( '#txtX' ).attr( 'value', acceleration.x );
                $( '#txtY' ).attr( 'value', acceleration.y );
                $( '#txtZ' ).attr( 'value', acceleration.z );
            }, function( error ){
                console.log( 'Error' ) ;
            },{
                frequency: 100
                });
            $( '#btnWatch' ).html( 'Stop Watching' );
        }else{
            navigator.accelerometer.clearWatch( watchId );
            $( 'btnWatch' ).html( 'Watch Accelerometer');
            watchId = 0;
            }
                            </script>
                                   </head>
                                       <body>
       <div class= "header">
                   Accelerometer
                           </div>
        <div class="panel">
        
        <label id="lblX">Acceleration X: </label>
        <input id="txtX" type="number" value="0"/>
        
        <label id="lblY">Acceleration Y: </label>
        <input id="txtY" type="number" value="0"/>
        
        <label id="lblZ">Acceleration Z: </label>
        <input id="txtZ" type="number" value="0"/>

 <div id= "btnWatch" class = "hotspot">
                        Watch Accelerometer
                            </div>
                                 </div>
                                     </body>
                                            </html>

mein app jedoch zeigt mir keinen button an, sondern nur die fenster für x,y,z !

kann mir eventuell jemand weiter helfen?

wo kommen diese datein her?
application.css
und accelerometer.css????

muss ich sie downloaden oder selber schreiben?

das verstehe ich nciht ganz..!und finde leider auch kein gutes beispiel für den Accelerometer

die java script datein habe ich gedownloaded

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
PhoneGap Dateien auf SD Herunterladen	Trubinial Guru	Android App Entwicklung	1	21.12.2011 14:26
Fragen zu PhoneGap / Android-Programmierung	fuxi	Android App Entwicklung	5	04.10.2011 22:33
[Phonegap] Bild übertragen via Base64	imoro	Android App Entwicklung	0	10.08.2011 15:53
Accelerometer	ED101	HTC Desire Forum	1	05.07.2010 20:02
Accelerometer kaputt?	Hellek	T-Mobile G1 Forum	5	07.09.2009 18:54

phoneGap-Accelerometer

Ähnliche Themen