HTML and CSS Reference
In-Depth Information
jQTouch zwei verschiedene Themes, also zwei unterschiedliche Motive. Diese Themes
bestimmen das Aussehen der gesamten Anwendung:
Bild 1.21:
Das
jqt
-Theme gibt den Webanwendungen eine sehr
stylische Oberfläche, die an native iPhone-Apps erinnert.
Bild 1.22:
Das
apple
-Theme ist konservativer und bietet, wie auch
in iWebKit 5, eine Oberfläche, die sehr an die Standard-Apps des
iPhones erinnert. Das Einzige, was wir am Code für diese beiden
Screenshots verändert haben, ist jeweils der Verweis auf das
jqt
-
und das
apple
-Theme.
Bevor wir zu dem eigentlichen Inhalt der Webanwendung kommen, muss jQTouch
noch initialisiert werden. Über die folgende Initialisierung werden alle jQTouch-Funk-
tionen im Code bereitgestellt und können verwendet werden. Falls Sie die folgenden
Zeilen im
head
-Bereich vergessen, erhalten Sie, egal wie viel HTML-Code Sie schreiben,
immer nur einen schwarzen Browserbildschirm.
<script type "text/javascript">
var jQT $.jQTouch({ });
</script>
Seiten innerhalb der Webanwendung anlegen
Im Gegensatz zu einem normalen Webauftritt werden alle Seiten einer jQTouch-Web-
anwendung innerhalb einer HTML-Datei angelegt. Anstatt also mehrere einzelne
HTML-Seiten, wie beispielsweise
•
index.html
•
angebote.html
•
kontakt.html