Vorwort

[Achtung: dieser Workshop wird nicht mehr ständig gepflegt, könnte also unter Umständen nicht mehr up to date sein. Verbesserungsvorschläge und Fehlerbenachrichtigungen nehme ich dennoch gerne entgegen, weil ich zwischendurch doch manchmal Zeit finde diese in die Seite einzuarbeiten! (08.April 2003)]
Ich möchte in dieser kleinen Anleitung die Vorgangsweise beim Erstellen von DHTML erklären und etwas auf die Verwendung sogenannter Crossbrowser- Funktionen eingehen.
Dynamisches HTML ist das Zusammenspiel clientseitiger Scriptsprachen (in unserem Fall JavaScript), Cascading Style Sheets Positioning (CSSP) und HTML. Die Hauptschwierigkeiten mit DHTML entstehen aus den verschiedenen Objektmodellen der Browser und der unterschiedlichen Implementierung von JavaScript und CSS. Nicht zu vergessen die unzähligen Bugs der diversen Browser und die Unterschiede auf verschiedenen Betriebssystemen.

Die Zukunft könnte einiges an Vereinfachung bringen, da die meisten Browser sich heutzutage sehr stark an die Vorgaben des Document Object Model (DOM) des World Wide Web Consortium (W3C) halten und auch CSS gemäß den Vorgaben der W3C Spezifikationen interpretieren.

Solange es allerdings noch so viele Browser der vierten Generation im Einsatz gibt (laut webhits.de etwa 13% (Stand 08/2002)), führt dies derzeit eher zu einem nicht geringen Mehraufwand, da man zeitweise Code in drei bis vier Versionen verfassen muss, und, will man crossbrowserkonform programmieren, auf die Vorteile und Möglichkeiten der neueren Browsergenerationen verzichten muss.

Meine Beispiele sollten auf folgenden Browsern funktionieren:

Windows:		Internet Explorer 4,5,6 Netscape Navigator 4+ Netscape Navigator 6,7 (sowie Mozilla und allen Browsern die auf der Layout-engine Gecko basieren siehe: http://www.mozilla-center.de/)
Mac OS:		Internet Explorer 5+ Netscape Navigator 4+ Netscape Navigator 6 / Mozilla
Linux:		Netscape Navigator 4+ Netscape Navigator 6 / Mozilla

Beachtenswert ist sicherlich auch Opera, ein Norwegischer Browser der sehr strikt den W3C-Specificationen folgt und weitestgehend DHTML unterstützt (manche Beispiele laufen auch auf Opera 6, aber sicher nicht alle).