Archiv der ‘Javascript’ Kategorien
Web Tools für Entwickler
Hier eine kleine Liste nützlicher Tools für Webentwickler:
Validatoren
Javascript
Qooxdoo 0.6 RC1 veröffentlicht
Das JS Framework Qooxdoo (”Quoks-doo”) hat Version 0.6 RC1 veröffentlicht.
Dies ist das erste Release seit über einem Jahr. Hoffen wir das es nicht nochmal ein Jahr dauern wird bis die nächste Version erscheint 
Qooxdoo ist ein JS Framework mit Unterstützung für Events, Drag and Drop, und vieles mehr.
Ausserdem stehen mit Qooxdoo viele interessante Widgets zur Verfügung.
Die neue Version beinhaltet: Weiterlesen »
Mausrad Funktionalität in Javascript
Eines der Dinge, die ich von Anfang sehr gerne in meine Google Maps Klasse implementiert hätte war den Zoomfaktor der Karte mit dem Mausrad bestimmen zu können.
Also Mausrad hoch = hineinzoomen, Mausrad runter = herauszoomen.
Mithilfe eines Javascript-Snippets von Adomas Paltanavicius lässt sich ein JS Eventhandler für das Mouserad registrieren.
Hier findet sich auch eine Version des Snippet ohne Kommentare.
Google Maps Geocoding
Seit einer Weile gibt es im Google Maps API auch eine Geocoding Funktion.
Diese Funktion erlaubt es für Ortsangaben die Längen und Breitengradinformationen zu erhalten.
So kann beispielsweise eine Strassenadresse übergeben werden, und die Länge/Breite Information wird als Antwort geliefert.
Im Gegensatz zum Yahoo Geocoding Service bietet der Google Geocoder auch für Deutschland, Frankreich und Spanien geographische Daten bis auf Strassen-Niveau.
Der Yahoo Dienst funktioniert derzeit nur für US Adressen.
Bei developer.com gibt es ein recht anschauliches Tutorial zum Google Geocoding Dienst.
Es bietet einige praktische Beispiele.
Google Maps API Tutorial
Von allen Google Diensten ist Google.Maps sicher der “ajaxifizierteste”.
Insofern eignet sich Maps natürlich auch besonders gut für Mashups und das Integrieren von Karten in eigenen Webprojekten.
Zu diesem Zweck bietet Google ein API für Maps an. Mit diesem API ist es möglich, eigene Webservices auf Basis von Maps zu entwickeln.
Man benötigt lediglich einen API Key - den man nach einer Registrierung bei Google kostenlos erhält.
Die offizielle Dokumentation bietet auch einige grundlegende Beispiele zur Nutzung der API.
Allerdings ist die Nutzung der Maps API nicht ganz einfach, wenn man keine guten Kenntnisse in Javascript hat.
Deshalb habe ich die PHP Klasse Gmapper entwickelt und unter GPL für jedermann freigegeben.
Gmapper implementiert das Google Maps API in PHP und ermöglicht es auch Entwicklern mit nur grundlegenden Javascript Kenntnissen erheblich selbst komplexere Karten zu erstellen.
Artikel zu Behaviour
Nach längerem mal wieder ein Post hier 
Beim Entwicklermagazin iX gibt es einen recht guten Artikel über Behaviour.
Behaviour ist ein eleganter Weg, den HTML Code von Ajax Seiten Scriptfrei zu halten.
Man kann JS Funktionen in CSS Klassen “verpacken”, und spart sich so den Aufruf per MouseEventhandler.
script.aculo.us 1.6 veröffentlicht
Miraculous hat Version 1.6 des populären Frameworks Scriptaculous veröffentlicht.
Die neue Version nutzt nun Prototype 1.5, der Support für 1.4 wurde eingestellt.
Darüberhinaus wurden auch neue Effekte wie automatisches scrollen des Browserfensters beim Ziehen (”drag”) von Elementen hinzugefügt.
Die neue Version soll auch bessere Performance liefern als bisher, und enthält einige Bugfixes.
Projektseite: http://script.aculo.us/
Download: http://script.aculo.us/dist/scriptaculous-js-1.6.0.zip
Beispiele: http://script.aculo.us/playground/test/run_functional_tests.html
Sortierbare Listen mit PHP und Scriptaculous
Greg Neustaetter hat sich der Tatsache angenommen, dass sortierbare Listen mit Scriptaculous einfach zu implementieren sind und auch wirklich toll aussehen - ihre Anwendung in tatsächlichen Applikationen sich aber nicht ganz so leicht erschliesst.
Gerade Ajax-Anfänger stehen oft vor grösseren Problemen, wenn sie sortierbare Listen in ihren PHP Anwendungen einbinden wollen.
Greg hat deshalb eine PHP Klasse erstellt, welche die komplette Umsetzung einer Liste zum Kinderspiel macht.
Die Funktionen der Klasse im Einzelnen:
- SLLists - Konstruktor der den Pfad zu den JS Dateien festlegt
- addList - fügt eine Liste oder ein andere sortierbares Element hinzu
- printTopJS - generiert den JS Code für den HEAD Bereich eines HTML Dokuments
- printForm - generiert die versteckten Formularfelder, die benötigt werden.
- getOrderArray - erstellt ein PHP Array aus den serialisierten Listen.
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