Maschinendenk

Archiv der ‘Javascript’ Kategorien

Lightbox JS für Dialogfenster

2 Kommentare

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.

Weiterlesen »

Geschrieben von Philipp

Februar 9th, 2006 at 3:12

Veröffentlicht in CSS, Javascript, Tutorials

Audible Ajax: Ajax Fortschrittsbericht aus Dänemark

0 Kommentare

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.

Weiterlesen »

Geschrieben von Philipp

Februar 7th, 2006 at 11:17

Veröffentlicht in Allgemein, Javascript

Update: Artikel zu Effektpack für Moo.FX hinzugefügt

0 Kommentare

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.

Weiterlesen »

Geschrieben von Philipp

Februar 3rd, 2006 at 1:29

Veröffentlicht in Javascript, Tutorials

Einführung in Moo.FX hinzugefügt

2 Kommentare

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 :)

Weiterlesen »

Geschrieben von Philipp

Januar 30th, 2006 at 11:00

Veröffentlicht in Javascript, Tutorials

Onlinebuch zu Javascript

0 Kommentare

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/

Geschrieben von Philipp

Januar 25th, 2006 at 12:56

Veröffentlicht in Javascript, Tutorials

Tutorial: AHAH - Ajax Light ?

0 Kommentare

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.

Weiterlesen »

Geschrieben von Philipp

Januar 25th, 2006 at 12:10

Veröffentlicht in Javascript, Tutorials

Audible Ajax: Interview mit Patrick Lightbody von Webwork

0 Kommentare

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.

Weiterlesen »

Geschrieben von Philipp

Januar 24th, 2006 at 8:36

Veröffentlicht in Ajax Frameworks, Allgemein, Javascript

Neue JS Bibliothek Jquery

0 Kommentare

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

jqueryAusserdem 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.

Geschrieben von Philipp

Januar 21st, 2006 at 1:58

Veröffentlicht in Bibliotheken, Javascript

Lightbox JS Plugin für Wordpress

0 Kommentare

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.

Weiterlesen »

Geschrieben von Philipp

Januar 21st, 2006 at 1:21

Veröffentlicht in Code, Javascript

Howto: Mehrere Fortschrittsanzeiger auf einer Seite

0 Kommentare

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/

Geschrieben von Philipp

Januar 19th, 2006 at 6:42

Veröffentlicht in Javascript, Tutorials