Archiv der ‘Javascript’ Kategorien
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.
Einführung in Moo.FX hinzugefügt
Aufgrund der Tatsache das es für die, von mir sehr geschätzte, Effektbibliothek Moo.FX keine wirkliche Dokumentation gibt habe ich mir erlaubt selbst eine Einleitung zu Moo.FX zu schreiben.
In dem Artikel wird die Grundlegende Funktionsweise, die Einbindung in HTML Seiten, und die einzelnen Effekt-Funktionen von Moo FX besprochen.
Für jede Funktion wird auch ein kurzes Beispiel gegeben.
Ich mag Moo.FX deshalb recht gerne weil sie, im Gegensatz zb zu Scriptaculous, nur eine Dateigrösse von (insgesamt) rund 15KB aufweist, und damit Super Lightweight ist.
Das spart einiges an Traffic
Onlinebuch zu Javascript
Bei webreference.com steht ein Online Buch zu Javascript kostenlos zur Verfügung.
Das Buch beinhaltet eine sehr gute und ausführliche Javascriipt Referenz.
Neben der detaillierten Beschreibung der einzelnen JS Sprachelemente stehen zu jedem Eintrag auch praktische Anwendungsbeispiele bereit.
Das Buch ist somit, denke ich, eine lohnenswerte Grundlagenlektüre bei der Entwicklung dynamischer Webanwendungen.
Link zum Buch: http://www.webreference.com/javascript/reference/core_ref/
Tutorial: AHAH - Ajax Light ?
Unter dem Titel “AHAH - Ajax Lite ?” gibt es bei Crackajax.net ein Tutorial das sich mit “Asynchronous HTML and HTTP” , kurz AHAH, befasst.
Man könnte AHAH als Subset der Ajax Funktionalität von XMLHTTP Request beschreiben.
Hierbei wird mit der Methode responseText die Serverrückgabe als Text, statt als XML angefordert.
Dies ermöglicht das asynchrone Verändern von HTML Seiten, durch Rückgabedaten von Serverscripten - ohne die zusätzliche Komplexität von XML (Verarbeitung, Style mit XSLT, etc).
So bietet AHAH eine recht gute Möglichkeit “Ajax Style” Webanwendungen, mit sehr viel weniger Programmieraufwand zu erstellen.
Audible Ajax: Interview mit Patrick Lightbody von Webwork
Bei Ajaxian.com gibt es in der aktuellen ausgabe des “Audible Ajax” Podcast ein Interview mit Patrick Lightbody vom JEntwicklerteam des Java Framework “WebWork”
Im Interview wird angesprochen:
- Was WebWork ist und wie es sich in die Framework-Welt eingliedert.
- Wie WebWork auf Javascript Frameworks wie Dojo aufsetzt
- Wie man, ohne Javascript Genie zu sein, Ajax Komponenten für seine Webwork Projekte entwickelt.
- Welche Widgets bereits für Webwork zur Verfügung stehen
- Die Zukunft von Ajax Frameworks
- Wieso eine Konsolidierung unter den Ajax Frameworks nötig ist.
Neue JS Bibliothek Jquery
Mit jQuery betritt ein weiterer Mitspieler im Bereich der Lightweight Javascriptbibliotheken die Bühne.
Fakten zu jQuery:
- Unterstützung für CSS 1-3
- Lediglich 10kb Dateigrösse
- Xpath Unterstützung
- Funktioniert mit IE, Firefox und Safari
Ausserdem gibt es auf der Projektseite ein Tutorial das den Einstieg in jQuery erleichtert.
Alle weiteren Infos, Demos und Downloads gibt es ebenfalls auf der Projektseite von jQuery.
Lightbox JS Plugin für Wordpress
Für das beliebte Blogsystem Wordpress steht nun ein Plugin zur Verfügung, dass die Javascriptbibliothek Lightbox einbindet.
Lightbox JS ist eine JS Bibliothek die komfortable, und recht stylishe, Möglichkeiten bietet Bilder zu maximieren / overlayen.
Das Plugin ermöglicht es in Wordpress eingebundene Bilder als Vollansicht in einem “Overlay Popup” zu öffnen.
Howto: Mehrere Fortschrittsanzeiger auf einer Seite
Andy Peatling erklärt in seinem Blog sehr anschaulich, wie man mehr als einen Fortschrittsanzeiger auf einer Ajax-Seite unterbringen kann.
Link zum Tutorial:
http://www.cssdev.com/index.php/archives/2006/01/18/multiple-ajax-loaders/