HTML and CSS Reference
In-Depth Information
die Verwendung der AJAX-Technologie externe Dateien und Daten aus dem Internet
holen, ohne die aktuelle Seite neu laden oder eine andere Seite laden zu müssen.
Um das zu verdeutlichen, kopieren Sie einfach den Code, den wir für das Kontaktfor-
mular verwendet haben, in eine neue Datei und speichern ihn unter dem Dateinamen
form.html
auf dem Server ab:
<form action "" method "" id "kontakt">
<div class "toolbar">
<h1>Kontakt</h1>
<a href "#home" class "button back">Zurück</a>
</div>
...
</form>
Für diese HTML-Datei brauchen Sie keinen
<body>
- oder
<head>
-Bereich zu definie-
ren, sondern Sie verwenden wirklich ganz genau den Code der Haupt-HTML-Seite
unseres Beispiels für die Formulare.
Jetzt müssen Sie die Links zu dem Kontaktformular ändern. Das Kontaktformular war
bei uns auf der Hauptseite in der Kopfzeile im Button verlinkt. Ändern Sie diese Zeile
wie folgt:
<a href "form.html" class "button flip">Kontakt</a>
Das Gleiche gilt für die Verlinkung in der Linkliste der Hauptseite:
<li class "arrow"><a href "form.html">Kontakt</a></li>
Nachdem Sie die Änderungen vorgenommen, auf dem Server gespeichert und die Web-
anwendung auf dem iPhone oder iPod touch neu geladen haben, sehen Sie folgendes
Verhalten: Nach dem Antippen von
Kontakt
lädt das Gerät die Informationen, die in der
Datei
form.html
enthalten sind.
Normalerweise würde der Browser bei einem derartigen Link eine neue Webseite auf-
rufen. Mit jQTouch bleibt aber der alte Bildschirm so lange bestehen, bis die Informa-
tionen aus
form.html
geladen sind. Sobald das geschehen ist, wird mit der eingestellten
Animation zum neuen Bildschirm gewechselt.
jQTouch hat es Ihnen damit ermöglicht - auch ohne eine einzige Zeile JavaScript zu
programmieren -, AJAX-Verhalten in Ihre Webanwendung zu integrieren. Wenn Sie
wieder zurück auf den Hauptbildschirm gehen und nochmals auf
Kontakt
tippen,
werden Sie bemerken, dass jQTouch die Daten im Cache gespeichert hat und sie daher
nicht nochmals geladen werden müssen.
1.5
HTML und Telefonfunktionen
Von HTML aus können Sie einfach und effektiv einige Telefonfunktionen ansprechen.
Manche, wie beispielsweise die Implementierung einer Landkarte, lassen sich eleganter
mit JavaScript und der Google Maps-API realisieren, allerdings ist das auch wesentlich
aufwendiger. Viele Telefonfunktionen wie beispielsweise die Kamera, das Adressbuch
