Archiv der ‘Javascript’ Kategorien
Lightbox JS 2.0 veröffentlicht
Lokesh Dakhar hat heute Version 2.0 seiner JS Bibliothek Lightbox JS veröffentlicht.
Mit Lightbox ist es möglich sehr einfach modale Applikationsfenster zu erstellen.
Darüberhinaus bietet die Bibliothek interessante Funktionen für Bildergalerien.
Neu in Version 2.0 Weiterlesen »
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
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.
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.
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
Lightbox JS für Dialogfenster
Chris Campbell hat in seinem Blog ein ausführliches Tutorial veröffentlicht, dass eine neue Implementierung der Lightbox Bibliothek nutzt um komplette Dialogfenster zu öffnen.
Diese Dialogfenster können dann asynchron mit Inhalt befüllt werden.
Chris nennt seine Implementierung “Lightbox gone wild” - da er die Effektbibliothek Moo.Fx nutzt um das ganze optisch sehr viel ansehnlicher zu gestalten als dies bisher mit Lightbox möglich war.
Audible Ajax: Ajax Fortschrittsbericht aus Dänemark
Die Autoren von Ajaxian.com waren auf einer Konferenz in Dänemark, und haben dort eine neue Folge des Audible Ajax Podcast aufgenommen
Diese Ausgabe befasst sich mit folgenden Themen:
- Dojo Toolkit
- Die Gründe wieso Ajax von Dauer sein wird
- Canvas in IE
- Dpolls: Ein Ajax-Pollsystem
Einige der Fragen die dieses Mal besprochen werden, wurden von Communitymitgliedern eingesandt.
Update: Artikel zu Effektpack für Moo.FX hinzugefügt
Wie bereits angekündigt, habe ich nun auch einen Artikel / Tutorial zum Effektpack (moo.fx.pack.js) für Moo.FX hinzugefügt.
Das Effektpack führt zusätzliche, komplexere Methoden in die Bibliothek ein.
So ist es beispielsweise möglich, mit einem Funktionsaufruf Höhe und Breite eines Elements zu verändern (”resize”), und dies auch noch optisch recht ansprechend.
Andere Effekte dienen z.B. der Textmanipulation.