HTML and CSS Reference
In-Depth Information
Allein durch die Zuweisung der iWebKit-CSS-Definitionen besitzt die neue iOS-
Anwendung den gestreiften Hintergrund:
Bild 3.31:
iOS-Anwendung mit gestreiftem Hintergrund.
Die
preventBehavior()
-Funktion können Sie weiter auskommentiert lassen, da der
Inhalt etwas länger als die Bildschirmlänge sein wird und der User scrollen muss. Jetzt
können Sie sich an den eigentlichen Inhalt der Seite wagen und den Quellcode aus dem
body
-Bereich zwischen die
body
-Tags der PhoneGap-Indexdatei kopieren.
Aus:
<body onload "onBodyLoad()">
<h1>Ich bin eine App!</h1>
</body>
wird jetzt:
<body onload "onBodyLoad()">
<div id "topbar" class "transparent" >
<div id "title">Oldtimer</div>
<div id "bluerightbutton"><a href "kontakt.html">Kontakt</a></div>
</div>
<div class "searchbox">
<form action "http://..." method "get">
<fieldset>
<input id "suche" placeholder "Oldtimer Datenbank durchsuchen"
type "text" />
<input id "submit" type "hidden" />
</fieldset>
</form>
</div>
