Navigation de luxe

Teil 2: Mehrstufige Navigation im Eigenbau

Alles, was der Java-Debugger leisten kann, kann auch Ihr GWT-Quelltext leisten, und so sind nützliche Funktionen wie Breakpoints und die Einzelschrittsimulation verfügbar. Ist die Entwicklung komplett abgeschlossen, wird der Java-Quelltext in Standalone-Javascript-Dateien umgewandelt, die mit allen gängigen Browsern lauffähig sind. Es finden keine Browser-spezifischen Abfragen statt.

Mehrstufige Web-Menüs im Eigenbau

© Archiv

Rico, eine Javascript-Bibliothek zum Erstellen von RIAs.

Prototype 1.6.0.3

Prototype () ist ein Javascript-Framework zum Erstellen von dynamischen Web-Applikationen. Empfehlenswert ist der Einsatz des Version Control Systems Git (optional kann man sich auch mit Tarballs behelfen). Weiterhin benötigt man eine aktuelle Ruby-Version und eine dazu passende, aktuelle Rake-Bibliothek.

Windows-Anwendern sei hierbei zum One-Click Ruby Installer für Windows geraten (siehe Kasten Link-Tipps). Mac OS X-Anwender können Ruby in der Terminal-Kommandozeile updaten:

gem install rails --in
clude-dependencies

Rico - Rich Ajax Framework

Rico ist eine Javascript-Bibliothek zum Erstellen von Rich Internet Applications (RIAs). Es ist ein Objekt-orientiertes Framework, das intern auf Prototype basiert.

Yahoo User Interface Library (YUI)

YUI ist ebenfalls eine Javascript-Bibliothek zum Erstellen von Rich Internet Applications (RIAs) mittels DOM-Skripting, DHTML und Ajax.

Die aktuelle stabile Version trägt die Nummer 2.6. Die Version 3 richtet sich lediglich an Programmierer, die abschätzen wollen, was zukünftige Fassungen der YUI-Bibliothek zu bieten haben.

Spry-Framework für Ajax

Bei Spry handelt es sich um eine Sammlung von Open-Source-Bibliotheken mit gut dokumentierten Javascript-Quelltexten, die man in Webseiten nutzen kann, um Web-2.0-Interaktivität zu implementieren.

Das Spry-Framework für Ajax kann unter anderem mit Coldfusion, PHP, ASP.NET und anderen Technologien eingesetzt werden und ist auch Adobe AIR-kompatibel (Adobe Dreamweaver bietet eingebauten Support und grafische Werkzeuge für das Anpassen von Spry-Widgets. Der Einsatz von Dreamweaver ist jedoch optional; ein gewöhnlicher Texteditor reicht vollkommen aus).

Das Spry-Framework für Ajax besteht aus drei Typen von Skripten: Spry Data, Spry Widgets und Spry Effekten. Spry Data sind Skripte zum Visualisieren komplexer Datenquellen in Tabellen und Diagrammen. Zu den unterstützten Datenformaten gehören XML, JSON und HTML.

Um Spry Data zu nutzen, muss man die zugehörigen Javascript-Dateien (SpryData.js aus dem Verzeichnis includes) an die Webseite anhängen, einen Datensatz definieren und einen Seitenbereich für das Verarbeiten von Daten durch das Spry-Framework festlegen.

Navigationselemente wie mehrstufige Menüs, Registerkarten und Akkordeons fallen in die Kategorie Spry Widgets; sie entstehen aus HTML-, CSS- und Javascript-Code.

Spry-Effekte entstehen aus einer Kombination von Javascript und CSS. Es handelt sich dabei um Skripte, die visuell ansprechende Übergänge erzeugen können, indem sie Objekte verschieben, skalieren oder ihr Aussehen verändern.

Spry-Effekte kann man nutzen, um Informationen hervorzuheben, indem man bestimmte Seitenelemente der Webseite für eine befristete Zeit visuell verändert.

Der Verlauf aller Effekte ist in der Datei SpryEffects.js aufgezeichnet; diese Datei muss sich auf dem Webserver befinden und korrekt referenziert werden, damit die Effekte auch wirklich funktionieren. Um einen Effekt einsetzen zu können, muss man es zuerst als ein Javascript-Objekt definieren.

Mehrstufige Web-Menüs im Eigenbau

© Archiv

Erweitern von Windows Vista um Ruby.

Mehr zum Thema

HTML5: Quick Reference Guide
Ratgeber: "HTML5"

Die wichtigsten Tags auf einen Blick: In unserem praktischen Arbeitsblatt finden Sie einen wertvollen Begleiter für die Umstellung Ihrer Webprojekte…
internet, webdesign, google, content, ranking, seo, suchmaschine
Ratgeber: Urheberrecht

Einzigartige Inhalte bieten Lesern Mehrwert und sind ein wichtiges Qualitätsmerkmal. Ärgerlich, wenn sich jemand durch Kopieren an fremden Ergebnissen…
Die besten HTML5-Tipps
Neue Tipps & Tricks für blitz.io

Wer die Leistung einer Applikation ermitteln möchte, braucht keine Skripte zu schreiben, sondern kann einen der zahlreichen Online-Dienste einspannen.…
image.jpg
Ratgeber: Webentwicklung

Die clientseitige Javascript-Entwicklung bietet fast keine Entwicklungsumgebungen und auch keine vernünftigen Werkzeuge zur Fehlersuche. Eine der…
internet, webdesign, meteor, webapplikationen
Ratgeber

Mit Meteor sollen Entwickler in kurzer Zeit Umgebungen für Webapplikationen erstellen können, ohne sich um lästige Details kümmern zu müssen. Wir…