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
Search WWH ::




Custom Search