Archiv der ‘Javascript’ Kategorien
JSTree - JQuery tree
JS Tree ist eine für die Bibliothek JQuery entwickelte Tree view Komponente.
Sie ermöglicht es Ordnerstrukturen und Ähnliches ansprechend und einfach zu visualisieren.
Features:
- Vorgebenes HTML, JSON und XML als Datenquelle möglich
- Asynchrones Laden von Inhalten
- Öffnen, schliessen, hinzufügen, bearbeiten, entfernen von Knoten
- Drag and drop Support
Die Komponente ist unter einer Open Source Lizenz verfügbar.
Browser Performance: Firefox 3.1 nightly schneller als Chrome
Viel wurde in den letzten Tagen über Googles neuen Chrome Browser gesagt und geschrieben. In einigen (Mainstream-) Medien wurde er regelrecht gefeiert.
Besonders hervorgehoben wurde immer Chromes neue Javascript-Engine namens V8, die ihn deutlich schneller als seinen ebenfalls Webkit-basierten Kontrahenten Safari machen soll. Chrome wurde und wird als die ideale Plattform für Webanwendungen, gar als “operating system for the web” gepriesen.
Da ich selbst an der Entwicklung von Webanwendungen beteiligt bin, habe ich mich entschlossen einen umfassenden Test der aktuellen Browserlandschaft durchzuführen um herauszufinden, wie schnell Chrome wirklich ist und wie er sich im Vergleich mit anderen Browsern schlägt.
Das Testfeld
Super Mario in Javascript
Super Mario, der Klempner aus Brooklyn und Vater aller jump’n'run Games, erlebt eine Wiedergeburt in Javascript !
Es ist komplett in Javascript umgesetzt, und nutzt Sprites für die Darstellung.
Da werden nostalgische Gefühle wach
Jacob Seidelin hat in seinem Blog eine Super Mario Implementierung in nur 14KB Javascript erstellt.

Das Spiel lässt sich gut spielen, und ist optisch eine gelungene Umsetzung des Originals.
Gmapper 1.2 veröffentlicht
Heute habe ich Version 1.2 meiner Google Maps PHP Klasse Gmapper veröffentlicht.
Sie bringt einige neues Features, und einige Aufräumarbeiten im Quellcode mit.
Neu in diesem Release:
- Streetview Unterstützung
- Code Verbesserungen / kleinere Bugs behoben
- Neuer Kartentyp: “physical” (topographische Karten)
- Neue Methode showPhysicalControl (Zeigt “Gelände” Button an)
IE8 - der Browser mit den 3 Gesichtern
Gestern stand es im IE Blog zu lesen:
Internet Explorer 8 wird nicht einen, nicht zwei, sondern drei Rendermodi besitzen:
- Quirks Mode
- Standards Mode
- “Super” Standards Mode
Der Quirks Mode soll das Verhalten von IE6 beibehalten und so für Abwärtskompatibilität sorgen.
Der Standards Mode soll dem Standards Mode von IE7 entsprechen (Wow!).
Die Umschaltung zwischen Quirks und Standards Mode erfolgt nach wie vor über die DOCTYPE Deklaration, bzw. deren Vorhandensein.
Entstehung der Collabtive Projektseite
Nachdem wir nun das erste Release geschafft haben, arbeiten wir derzeit auch an einer eigenen Projektseite. Die Projektwebsite wird ein Forum, weitere Infos und Hilfe rund um das Collabtive Projekt bieten.
Ich denke die Projektseite wird in den nächsten 3 Wochen online gehen.
Eventuell zusammen mit dem Release von Collabtive 0.2
Hier mal ein Screenshot des aktuellen Entwurfs:

Feedback zum Entwurf ist natürlich willkommen.
Gmapper 1.1 veröffentlicht
Nach längerer Zeit gibt es nun auch mal wieder ein neues Release meiner Google Maps Klasse Gmapper.
Unter anderem unterstützt die Maps API nun auch ausseridische Planeten ![]()
Deshalb gibt es nun bei Gmapper die neuen Maptypes “moon” , “moon_elevation” , “mars”, “mars_elevation”.
Ausserdem gibt es nun auch Bildmaterial für den Nachthimmel :

Die wichtigsten Neuerungen im Überblick: Weiterlesen »
Enstehung einer Web Projektverwaltung
Ich habe lange Zeit die OpenSource Projektverwaltung “Active Collab” verwendet.
Dieses Projekt hatte es sich zum Ziel gesetzt, eine Alternative zu Basecamp mit seinem kostenpflichtigen Hostingdienst zu sein.
Da ich oft an mehreren Projekten gleichzeitig arbeite, ist ein Projektverwaltungstool mit Milestones, Nachrichten und Aufgabenverwaltung eine sehr praktische Sache.
Leider stand Active Collab von Anfang an unter einer “selbstgebastelten” , mit der GPL und anderen freien Lizenzen inkompatiblen, Lizenz. Der “honest public license”.
Nach Erscheinen der Version 0.7 dieses Tools, hat sich der Entwickler allerdings entschieden die Entwicklung der freien Version zugunsten einer kommerziellen Version einzustellen.
Active Collab ist seitdem nurnoch als kommerzielles Produkt , für ca 400 Dollar zu haben.
Im englischen spricht man hier glaube ich von “Bait and Switch”
Prototip - einfache Tooltips mit Prototype
Für ein Projekt an dem ich derzeit arbeite, benötigte ich dynamische DHTML Tooltips an verschiedenen Stellen.
Da ich bereits die Prototype.js Bibliothek in dem Projekt verwende, lag es nahe mich nach Tooltips für Prototype umzuschauen.
Mit Prototip von Nick Stakenburg bin ich fündig geworden ![]()
Prototip ist eine kleine , einfache JS Bibliothek die die Erzeugung solcher Tooltips ermöglicht.
Hier ein Beispiel:

Zur Verwendung von Prototip muss man lediglich eine zusätzliche JS Datei im HEAD Bereich einbinden.
Diese Datei umfasst nur ca 9KB. Ausserdem kann man die Tooltips beliebig mit CSS stylen, indem man das Prototip.css Stylesheet einbindet.
Prototype Tutorial erweitert
Ich habe, wie angekündigt, mein Prototype Tutorial um ein Kapitel erweitert: Ajax
Das Kapitel erläutert die wesentlichen Methoden von Prototype JS für Ajax Requests.
Ausserdem werden 2 praktische Beispiele gegeben.
Viel Spass.