Archiv für Februar, 2006
Tutorial: sortierbare Listen mit PHP und Ajax
Auf der englischsprachigen Seite phpRiot gibt es ein sehr gutes Tutorial zu sortierbaren Listen.
Das Tutorial beinhaltet:
- Erstellung einer sortierbaren Liste mit Scriptaculous
- Füllung der Liste mit Daten aus einer MySQL Datenbank via PHP
- Speichern der Veränderungen der Liste in der DB
Update: Ajax-Info Forum eröffnet
Ich habe mich entschlossen hier bei Ajax Info ein Forum zur Diskussion von Ajax und Web2.0 Thematiken zu eröffnen
Ab sofort könnt ihr unter http://forum.ajax-info.de Eure Ideen, Meinungen, und was euch sonst noch sinnvolles
rund um Ajax einfällt posten.
Das Forum selbst ist, wie es sich gehört , auch “ajaxifiziert”.
Es setzt auf dem Opensource Forenscript Lussumo Vanilla auf.
Lightbox JS Weiterentwicklung: Integration von Moo.FX
Sean von alwaysbeta.com hat einen sehr interessanten Beitrag in seinem Blog über einige Weiterentwicklungen, die er an Lightbox JS durchgeführt hat.
Lightbox JS ermöglicht die Nutzung Modaler Applikationsfenster, anstelle von Browserpopups.
Sean hat Lightbox dahingehend weiterentwickelt, dass er die Effektbibliothek Moo.FX integriert, und einen Close Button hinzugefügt hat.
Zusammen mit einigen allgemeinen Codeverbesserungen stellt dies denke ich ein sehr gutes Update für die Lightbox JS Bibliothek dar.
Tutorial: Animierte Livesuche mit Ajax
Steve Smith hat in seinem Blog ein nettes Tutorial für eine Live Suche mit Ajax veröffentlicht.
Der Autor verwendet für seine Suche PHP und die JS Bibliotheken Scriptaculous und Prototype. Er weist aber darauf hin, dass man auch recht einfach eine lightweight Bibliothek wie Moo.FX anstelle von Scriptaculous nutzen könnte.
Diese Option halte ich für sehr sinnvoll, da ich Scriptaculous für rein visuelle Effekte als zu umfangreich einschätze.
Es gibt keinen sinnvollen Grund mehr Traffic und Ladezeit zu haben, als unbedingt nötig.
Firefox Extensions für die Ajax Entwicklung
Da viele Entwickler von Ajax Anwendungen den Firefox Browser nutzen, gibt es inzwischen auch eine ganze Reihe sehr brauchbarer Extensions für Firefox die bei der Entwicklung asynchroner Webanwendungen sehr nützlich sind.
Neben dem bereits vorgestellten Firebug Addon möchte ich vor allem 3 weitere Extensions hervorheben:
- Web Developer
Web Developer ist ein, meiner Meinung nach, essentielles Tool für den Webentwickler. Es bietet einen gewaltigen Funktionsumfang, darunter volle Kontrolle über CSS,Formulare,Cookies,Grafiken und vieles mehr.
Link: https://addons.mozilla.org/extensions/moreinfo.php?id=60
Audible Ajax: Kevin Hakman von TIBCO
In der neuesten Ausgabe des Audible Ajax Podcast interviewen die Macher von Ajaxian.com Kevin Hakman von der Softwareschmiede TIBCO.
Das Interview ist ziemlich umfangreich, einige Themen sind:
- Wann und wieso ist TIBCO ins Ajax Geschäft eingestiegen. Wieso jetzt ?
- Was ist TIBCO GI ? Ein Tool ? Ein API ?
- Wieso funktioniert TIBCO GI nur mit Internet Explorer ?
- Wie erstellt man eigene Widgets mit TIBCO GI ?
Ich muss an der Stelle anmerken, dass die Tatsache das es nur mit IE funktioniert schon ein Grund ist - es nicht einzusetzen. Allerdings ist wohl eine Portierung für Firefox angedacht.
Den Podcast gibt es wie immer bei Ajaxian.com
Moo.FX in neuer Version erschienen
Die lightweight Effektbibliothek Moo.FX ist in Version 1.2 erschienen.
Neben einigen kleineren Änderungen, und Crossbrowser Kompatibilitätsverbesserungen ist das grösste Update eine vollständige Dokumentation in englischer Sprache.
Die Dokumentation liefert eine recht übersichtliche, kompakte Sammlung der zur Verfügung stehenden Funktionen und Methoden.
Die Dokumentation deckt auch die xmltthp Bibliothek Moo.Ajax ab
Scriptaculous: Andere Character Encoding als UTF8 verwenden
Ich hatte bisher immer das Problem, dass ich gerne ein anderes Character Encoding als UTF8 für den Inplace Editor von Scriptaculous verwenden wollte. (z.B. ISO-8859-1)
Da sonst Formulardaten teilweise fehlerhaft encodiert wurden, bei der Übertragung durch den Inplace Editor.
Dummerweise sagt die Doku von Scriptaculous dazu:
- The form data is sent encoded in UTF-8 regardless of the page encoding.
Fisheye Effekt mit CSS
Paul Armstrong hat in seinem Blog einen Post veröffentlicht, in dem er ein kleines CSS Snippet vorstellt, das es ermöglicht einen “Fisheye” Effekt in HTML Listen zu implementieren.
Dieser Effekt ist bekannt zb von der KDE Oberfläche unter Linux.
Es wird nicht nur der aktuell gehooverte Link vergrössert sondern auch noch, abgestuft, die darauf folgenden Listeneinträge.
Tutorial: RSS Ticker mit Ajax
Bei Dynamicdrive.com gibt es ein interessantes Tutorial, für einen ajaxifizierten RSS Ticker.
Das Tutorial nutzt den PHP RSS Parser LastRSS, um die Newsfeeds zu fetchen und auf dem Server zwischenzuspeichern (”Cache”).
Durch das Zwischenspeichern muss dann nicht bei jedem Seitenaufruf der Feed neu abgerufen werden.
Die Features des fertigen RSS Tickers sind u.a.:
- Zeigt in einem Ticker jeden beliebigen RSS Feed an.
- Nur bestimmte Teile eines Feeds können zur Anzeige gewählt werden (zb nur der Titel)
- Überblendeffekt zwischen verschiedenen Nachrichten