Praxiswissen Ajax

KAPITEL 4
Fünf Projekte AJAX (S. 98)

Im vergangenen Kapitel haben Sie sich erfolgreich den Qualen der Entwicklung einer eigenen AJAX-Engine gestellt. Nun soll Ihre Mühe belohnt werden – mit einem bunten Strauß an Anwendungen, die AJAX nutzen und die großen Vorteile dieses Konzepts zeigen. Sie werden einen Online-Editor, eine Shoutbox, eine Bildergalerie, einen Nachrichten-Ticker auf Basis von RSS und sogar ein AJAX-basiertes Spiel entwickeln. Keine Angst, Sie müssen das nicht allein machen. Denn, wie Sie sicherlich schon bemerkt haben, sind die nächsten Seiten keinesfalls leer. Die dort enthaltenen, zu Wörtern gruppierten Buchstaben werden Ihnen bei der Programmierung tatkräftig unter die Arme greifen und einige Tipps und Tricks der Webentwicklung preisgeben. Auch in diesem Kapitel gilt, dass sich am Ende aus vielen kleinen Puzzleteilen, die wir nach und nach programmieren, ein ansehnliches Ganzes zusammensetzt.

Alle Beispiele finden Sie in lauffähiger Version und als ZIP-Archiv zum Download auf der zu diesem Buch gehörenden Homepage unter http://www.praxiswissen-ajax. de. Sie können sie selbstverständlich für ihre eigenen Projekte uneingeschränkt nutzen, völlig unabhängig davon, ob Ihre Homepage purer Liebhaberei oder Ihrer finanziellen Bedürftigkeit entspringt. Außerdem gebe ich Ihnen ein paar Tipps, wie Sie die einzelnen Projekte noch erweitern können und welche Einsatzmöglichkeiten sie bieten.

Eben noch Browser, jetzt schon Online-Editor

Sie erinnern sich an unseren kleinen Ausflug zu Writely? Sie fanden es dort doch auch recht spannend, oder? Fest steht, dass Sie sich gleich Ihr eigenes Writely zimmern können. Unser AJAX-basierter Online-Editor wird allerdings eine Nummer kleiner sein. Vorerst. Er wird eine Liste der zur Verfügung stehenden Dateien zeigen, aus der man sich die Datei aussuchen kann, die man gern bearbeiten möchte. Auch das Anlegen einer neuen Datei wird kein Problem darstellen. Den Hauptteil der Oberfläche wird natürlich ein Textfeld zum Bearbeiten der Inhalte einnehmen.

Die Dateien werden auf dem Server gespeichert und sind so auf der ganzen Welt verfügbar. Oder, wenn sich Ihre Reiselust in Grenzen hält, Ihre Freunde oder Kollegen können gemeinsam an Inhalten arbeiten, ohne sich ständig E-Mails schicken zu müssen. Die Anwendung besteht aus einer HTML-Datei, einer CSS-Datei fürs nette Aussehen, zwei JavaScripten – wovon eins die AJAX-Engine ajax.js ist – und diversen PHP-Skripten. Bei so vielen Einzelteilen sollten Sie sich nicht nur beim AJAXOnline- Editor um eine gewisse Ordnung bemühen. Am besten gelingt das, wenn Sie für Stylesheets, JavaScript-Dateien und PHP-Skripten stets jeweils getrennte Verzeichnisse unterhalb Ihres Projektverzeichnisses anlegen. Legen Sie zusätzlich zu den Verzeichnissen css, js, php auch noch ein Verzeichnis files an. Dort werden alle Dateien, die es zu editieren gilt, gelagert. Im Projektverzeichnis wird sich letztlich nur eine Datei befinden, das HTML-Grundgerüst namens index.html. Und damit fangen wir jetzt an.