Scroll with your mouse or arrow keys to see more!

Okay

Javascript

Ext: js_css_optimizer und t3lib_PageRenderer

In der neuen Typo3 Version 4.3 existiert eine neue Klasse t3lib_PageRenderer in der die CSS und Javascript Dateien registriert werden können. In dieser Klasse ist es vorgesehen die CSS Dateien zu bündeln und zu komprimieren. Da diese Funktionen noch nicht implementiert sind und es aber die Möglichkeit für Hooks gibt habe ich die Extension js_css_optimizer erstellt, die diese Lücke füllt….

ExtJs Erweiterter List Filter

In dem ExtJS Framework gibt es für die Grids, die praktischen Grid Filter. Diese lassen sich ganz einfach einbauen und das ganze sieht dann zum Beispiel so aus: Mit dem List Filter lassen sich diese Checkboxen darstellen. Die Werte darin sind aber statisch hinterlegt. Man kann auch einen Store im Filter hinterlegen und dann die Werte serverseitig laden. In meinen…

Im XmlReader von ExtJS individuell konvertieren.

Der Ext.data.XmlReader in dem ExtJs Framework ist einer wunderbare Sache. Mit ihm lassen sich XML Daten per Ajax wunderbar auslesen und verarbeiten. Dieser Reader wird in der Regel in Grids verwendet. Im Reader definiert man auch den Dataindex für das Grid und dessen Header. Darauf wiederum greifen bestimmte Plugin, wie das Grid Filter Plugin zu. In meinen Projekt kam es…

Javascript und CSS komprimieren mit Jawr

Jawr ist ein Java Servlet zum komprimieren der Javascript und CSS Dateien auf dem Webserver.  Dieses Komprimieren geschieht serverseitig und der Entwickler muss die Dateien nicht per Hand komprimieren. Bundles Besonders praktisch ist die Möglichkeit, viele Dateien zu einen Bundle zusammenzufügen. Somit kann man auch die Anzahl der Request reduzieren, aber in der Entwicklung mit vielen einzelnen JS und CSS…

Lightbox mit Dojo und dem Zend Framework

Das Javascript Framework Dojo lässt sich mit dem Zend Framework besonders elegant einsetzen. Man kann die Integration von Dojo im der Controler Schicht, also in den Actions aktivieren und auch von dort angeben welche Module von Dojo man benötigt. So kann man sichergehen das die benötigten Javascript Dateien nur auf den Seiten geladen werden, wo sie auch genutzt werden. Wenn…

Viewport Switch mit ExtJs

Ein Viewport ist in dem Javascript Framework ExtJs ein Conatiner für die Panels und Grid. Dieser Viewport füllt die ganze Seite aus und scaliert bei Änderungen des Browser die Größe mit. Für eine typische Webanwendung wird das „Border“ Layout verwendet. In diesem Border Layout kann man die Regionen south, east, north, west, und center definieren. In meinen letzten ExtJS Projekt…

ExtJS: Darauf kann man sich verlassen

Ich habe jetzt mein erstes Ext JS Projekt fertig gestellt und bin überaus begeistert von diesem JavaScript Framework. Die Einarbeitung hat am Anfang etwas länger gedauert als bei anderen Javascript Frameworks aber als ich dann mal das Prinzip hinter der Architektur erkannt hatte, dann ging die Entwicklung extrem schnell. Ein wenig erinnerte mich das an die ASP.NET Controlls. Bei diesen…

ExtJS vs. Jquery UI

Beim Erstellen von Webseiten mit umfangreicher Client Funktionalität (Rich Clients) setzt man heutzutage eines der zahlreichen Javascript Frameworks ein. Auf den ersten Blick wirken diese perfekt und es scheint so als könnte man alles damit machen. Doch leider sind diese Frameworks noch neu, und das Zusammenspiel der verschiedenen Kompoenten klappt nicht immer. Beim Einsatz von script.aculo.us kamm ich schnell an…