Browsen mit Pfiff

Teil 5: Ajax Tipps und Tricks

Sie entwickeln eine Internet-Applikation, mit der Sie eine virtuelle Postkarte mit eigenen Bildern und Texten füllen und verschicken. Ähnlich könnte ein Planungswerkzeug für räumlich oder zeitlich verstreute Mitarbeiter eines Teams funktionieren, selbst grafische Wikis lassen sich so realisieren.

© Archiv

Die erste Stufe muss noch ohne Back- und Forward-Button und somit ohne UNDO/REDO auskommen. Der Anwender kann also nur auf den letzten Stand seiner Postkarte zugreifen. Sie stricken also das funktionelle Grundgerüst der Anwendung zusammen, behalten aber die Anforderung im Hinterkopf, im nächsten Schritt Ihre Anwendung um UNDO und REDO zu erweitern.

Es bietet sich an, die Bilder, Texte, Objekt-Positionen und -Größen (später zusätzliche Objekt- Eigenschaften wie Farbe, Schriftgröße etc.) auf dem Server zu speichern und über eine Postkartennummer (ähnlich einer Session- ID) in der URL darzustellen. Dann können Sie den letzten Stand der Postkarte als Bookmark speichern und die Karte über die Weitergabe der URL per E-Mail verschicken.

© Archiv

Drag&Drop: Im Test-Beispiel ziehen Sie Bilder aus der Toolbox mit der Maus in die Postkarte.

In der ersten Stufe ziehen Sie die laufende Arbeit an der Applikation ständig per AJAX auf dem Server mit, d.h. jede Veränderung im Browser schicken Sie auch an den Server, der sein Spiegelbild der Browser-Applikation entsprechend auf dem Laufenden hält. So können Sie die Arbeit jederzeit unterbrechen. Wenn Sie die Seite neu vom Server laden, erhalten Sie den letzten Stand.

Die zweite Ausbaustufe (im folgenden AJAXArtikel) wird dann auf dem Server alle Änderungen hintereinander speichern. Das bedeutet, dass Sie auf dem Server ein Änderungs- Journal führen. Da Sie bei jeder Änderung vorher und nachher speichern, lassen sich die UNDO- und REDO-Funktionen leicht einbauen. Mit UNDO gehen Sie die vorher- Daten schrittweise rückwärts, und für REDO nehmen Sie die nachher-Werte der Einzel- Änderungen eine nach der anderen. Sie müssen dann noch die Verarbeitungs-Historie auf dem Browser wie erläutert so nachvollziehen, dass Sie sich per Back- und Forward- Button auf der Änderungs-Zeitlinie bewegen können.

Dazu werden Sie dann den zuvor beschriebenen Hash der URL benutzen. Sie betreten dabei (fast) jungfräuliches technisches Neuland, selbst so umfangreiche Spiel-Beispiele wie ajaxWrite, die schon ein eigenes UNDO und REDO realisiert haben, steuern das nicht über den Back- und Forward-Button des Browsers. Daher muss ajaxWrite auch die Standard-Toolbar desBrowsers ausblenden.

Mehr lesen

Chronologische Liste und Netflix-Links -

Neuerscheinungen in der Übersicht -

Vorschau auf Film- und Serien-Highlights -

Mehr zum Thema

Social Networks

Sind Sie auf der Suche nach einer Facebook-Alternative? Hier finden Sie unsere Empfehlungen für die besten Social Networks: natürlich ohne Facebook.
Kosten, Apps, Kündigung und Co.

Preise, kompatible Geräte, Datenrate, Serien- und Filmangebot von Netflix: Wir beantworten die wichtigsten Fragen rund um den Streaming-Dienst.
Sicherheit

Betrüger versenden E-Mails, die es auf Ihre Daten und Ihr Geld abgesehen haben. Wie Sie Phishing-E-Mails erkennen und sich schützen.
Umzug, Ausfall & Co.

Sie wollen Ihren Provider für Internet und Telefon wechseln? Wir verraten, welche Rechte Sie bei Ausfall, Unterbrechung und Umzug haben.
Gefälschte Facebook-Konten

Betrüger nutzen gefälschte Facebook-Profile, um Geld zu ergaunern. Wir zeigen, wie Sie sich und auch Ihre Facebook-Kontakte gegen die Betrugsmasche…