HTML and CSS Reference
In-Depth Information
Ein paar Worte zur Kompatibilität: jQTouch ist großartig, wenn Sie eine Webanwen-
dung für das iPhone, das iPad oder den iPod touch erstellen möchten, aber wir sind oft
in Probleme mit anderen Plattformen und WebKit-Browsern geraten. Während alle
Beispiele im Buch mindestens auf dem iPhone oder unter Android laufen sollten,
beschränken sich die jQTouch-Beispiele zu diesem Zeitpunkt auf iOS. Manche Anima-
tionen (Slide-ups) sind auf einigen Android-Telefonen so langsam, dass sie kaum
benutzbar sind. Volle Unterstützung für Android dürfte aber in Kürze zu erwarten sein.
Die Frameworks in den Code einbinden
Um jQTouch zu benutzen, muss auch jQuery in den Code mit eingebunden werden. Sie
können jQuery zum einen von
http://jquery.com
herunterladen und die Datei
jquery-
1.4.2.min.js
(bzw. eine neuere Version) auf Ihrem Server speichern oder über die folgen-
den Zeilen im HTML-Header dynamisch von den Google-Servern laden:
<script type "text/javascript" src "http://www.google.com/jsapi"></script>
<script type "text/javascript"> google.load("jquery", "1.4.2"); </script>
Die verschiedenen jQTouch-Dateien und -Verzeichnisse sollten Sie auf Ihrem Web-
server speichern. Um die aktuelle jQTouch-ZIP-Datei herunterzuladen, gehen Sie
einfach auf
http://www.jqtouch.com
und klicken dort auf
Download
.
Bild 1.20:
Inhalt und Struktur des jQTouch-ZIP-Archivs.
Entpacken Sie die ZIP-Datei und kopieren Sie die Verzeichnisse
jqtouch
,
themes
und
extensions
auf Ihren Webserver. Fügen Sie dann im Header des HTML-Dokuments
unterhalb der jQuery-Zeilen folgenden Code ein:
<script type "text/javascript" src "jqtouch/jqtouch.js"></script>
<link type "text/css" rel "stylesheet" media "screen"
href "jqtouch/jqtouch.css">
<link type "text/css" rel "stylesheet" media "screen"
href "themes/jqt/theme.css">
In der ersten Zeile wird die jQuery-JavaScript-Bibliothek eingebunden, in den beiden
folgenden Zeilen folgen die von jQuery verwendeten CSS-Definitionen, die zur Ober-
flächengestaltung benutzt werden. Wie Sie vielleicht schon bemerkt haben, bietet
