JavaScript / DOM

Auf der Seite LINKS hier auf der Netzspielwiese habe ich meine del.icio.us-Links als Tag-Wolke mit der Möglichkeit der Anzeige der Einzellinks zu den jeweiligen Kategorien eingebunden.

Nachdem del.icio.us den Quelltext ein bisschen geändert hat, habe ich die del.icio.us-Tag-Wolke und die Einzellinks einmal überarbeitet.

Sie können den aktuellen Quellcode hier runterladen.

(Weiterlesen »)

Dirk Ginader stellt im heutigen Webkrauts-Adventskalender-Türchen eine selbst geschriebene JavaScript-Klasse zur einfachen und standardkonformen Einbindung von Popup-Fenstern in eine Webseite vor: JsPopUp – Neue Browserfenster komfortabel und unaufdringlich

Übrigens nur einer von 24 lesenswerten Beiträgen im WEBKRAUTS ADVENTSKALENDER 2006, die sicher auch noch 2007 aktuell sind!

Der Galileo Computing Verlag bietet das Buch »JavaScript & Ajax« als openbook zum kostenlosen Download an, und zwar hier »

Der erste Teil vermittelt eine umfangreiche Einführung in JavaScript mit unverbrauchten, originellen Beispielen. Im zweiten Teil kommen die JavaScript-Kenner voll auf ihre Kosten: Ein eigenes umfangreiches AJAX-Kapitel wurde ergänzt, weitere Themen sind Browserkompatibilität, Formulare, DHTML, Kommunikation mit Java-Applets – kurz: Die ganze Palette des praktischen Einsatzes der Sprache. Im letzten Teil des Buches befindet sich eine ausführliche Referenz zum Nachschlagen.

Zum openbook bei Galileo Computing »

Douglas Crockford, JavaScripter bei Yahoo, hat 3 Videos zur Theorie des DOM veröffentlicht:

• Teil 1
• Teil 2
• Teil 3

Chris Heilmann hat die Videos ausfindig gemacht und empfiehlt sie wärmstens.

Gerrit van Aaken´s Vortrag über jQuery beim letzten Webmontag in Frankfurt (VIDEO) gibt eine schnelle Einführung in die JavaScript-Bibliothek jQuery und deren Anwendung.

Klingt alles sehr interessant, darum hier noch ein paar weitere Links zum schmökern:

1. Die Folien zum Vortrag (PDF) »
2. Die offizielle Seite von jQuery »
3. Eine umfassende Dokumentation »
4. Und seit neuestem das Magazin zu jQuery (PDF) »

Und hier noch ein paar Anwendungsbeispiele und Plugins:

• Eine Sammlung von Anwendungsbeispielen von jQuery
• Die ThickBox 2.0, mit der man beliebigen Content auf der gleichen Seite in einer Art Lightbox einbinden und anzeigen kann. (natürlich basierend auf jQuery)
• InnerFade with JQuery (eine Weiterentwicklung von Torsten Baldes)

(via web output & F-LOG-E)

Wolfgang Bartelme stellt in seinem bartelmedesign-Blog einen selbst entwickelten Newsticker für Webseiten zur freien Verwendung bereit.

Die Funktionalität wurde mit Hilfe des JavaScript-Frameworks Scriptaculous umgesetzt.
Dabei bleiben die Inhalte auch dann verfügbar, wenn JavaScript nicht aktiv ist. Sie werden dann als HTML-Liste ausgegeben und können entsprechend formatiert werden.

Hier gibts einen Beispielticker und hier den Download des Tickers als .zip-Datei.

Für ein Projekt habe ich diese wunderbare JavaScript-Diashow von S.G. Chipman ein wenig modifiziert. (Weiterlesen »)

» DOM-Rollover – Download «

Dieses kleine JavaScript habe ich eben geschrieben, um ein Rollover-Funktion für eine aus Bildern bestehende Linkliste zu realisieren ohne JavaScript-Code im HTML-Quelltext zu notieren.
Damit lässt sich das Script jederzeit auf jede beliebige Bilder-Link-Liste ohne zusätzlichen Programmieraufwand anwenden.

Hier auf der Netzspielwiese ist das Script als »Portfolio auf einen Klick« in der Sidebar der Seite Portfolio in Aktion. Eine weitere sinnvolle Einsatzmöglichkeit wäre beispielsweise eine aus Bildern bestehende Website-Navigation. (Weiterlesen »)

Um eine (X)HTML-Seite dynamisch zu erweitern, können über das Document Object Model (DOM) Inhalte neu erstellt und in den Inhalt der bestehenden Seite eingefügt werden.
Möchte man das standardkonform tun, arbeitet man mit den DOM-Methoden createElements, setAttributes und appendChilds.

Leider muss dazu sehr sehr viel Quellcode geschrieben werden. Um beispielsweise einen neuen Absatz an das Ende einer HTML-Seite anzufügen, braucht man folgendes Script:

neuerAbsatz = document.createElement('p');
text = document.createTextNode('Neuer Textabsatz.');
neuerAbsatz.appendChild(text);
document.body.appendChild(neuerAbsatz);

Dan Webb hat nun ein Script veröffentlicht, mit dem einem viel Schreibarbeit erspart wird: den DOM-Builder. (Weiterlesen »)