getElementById für Internet Explorer und Netscape 4
Nicht nur bei CSS, auch zu HTML und JavaScript gibt es neue Cross-Browser-Strategien. Viele Features neuerer Browser, die oft aus Rücksichtnahme auf Browser wie Netscape Communicator 4 oder Microsoft Internet Explorer 4 brachlagen, können bereits zur Umsetzung von Website-Layouts genutzt werden, ohne die Zugänglichkeit einzuschränken.
Alle genannten Marken- und Produktbezeichnungen sind Warenzeichen der entsprechenden Inhaber. Keine Haftung für hier vorgestellte Verfahren. Hier wiedergegebene Verfahren und Methoden werden ohne Rücksicht auf die Patentlage dargestellt. Trotz sorgfältiger Arbeit können Fehler nicht ausgeschlossen werden. Scripte sind teilweise verkürzt. Es gilt ausschließlich deutsches Recht. Copyright © 10/2002 Kristof Lipfert, Lipfert & Malik GbR Düsseldorf Web-Design, Alle Rechte vorbehalten einschließlich Vervielfältigung, Übersetzung, elektronische Speicherung und Verarbeitung. Veröffentlichung, auch auszugsweise, nur mit schriftlicher Genehmigung des Autors Kontakt. (Arbeitsumgebung:) Scripte und Methoden wurden i.d.R., um ältere Browser zu berücksichtigen, u.a. mit dem Microsoft Internet Explorer 4, Netscape Communicator 4.07, 4.5, 4.6 und 4.70 unter Windows 9x getestet.
Diese neue Methode getElementById für Internet Explorer und Netscape 4 vereinheitlicht die JavaScript Syntax, getElementById vereinfacht dazu die Adressierung verschachtelter Layer des NC4.
getElementById für Internet Explorer und Netscape 4
Nachdem innerHTML weitgehend unterstützt und vom W3C toleriert wird ist mit innerHTML für Netscape 4 eine nützliche Vereinfachung bei der Anwendung von JavaScript möglich.
innerHTML für Netscape 4
Hier wird mittels innerHTML eine DHTML-Laufschrift auch für Netscape 4 ermöglicht, Lauftext per marquee als noscript Variante.
DHTML-Laufschrift
Die Entwicklung erlaubt einheitliche und richtige Syntax bei HTML. onClick bei Divs ist auch für Opera oder Netscape 4 realisierbar, das Beispiel ändert die visibility auch beim DHTML ungeeigneten Opera 4.
onClick bei Divs
Netscape 4 sind onMouseOver-Effekte bei Divs, übrigens auch bei img-Tags, möglich. Moderne Browser haben allerdings noch die eleganteren Möglichkeiten einer reinen CSS-Lösung per :hover.
onMouseOver bei Divs
Diese neu entwickelte Methode onMouseOver für Netscape 4 und andere Browser erlaubt einheitliche Syntax und erübrigt die Layer des NC4 in der Adressierung des Bildes.
onMouseOver bei Image für Netscape 4
Entwicklung von getComputedStyle für Netscape und IE 4. Das Beispiel backgroundColor zeigt Erkennung und Konvertierung der aktuellen Farbwerte unterschiedlichster Formate und deren einheitliche Ausgabe für alle Browser.
getComputedStyle für alle
toFixed() erzwingt eine bestimmte Anzahl von Nachkommastellen, für Browser welche kein JavaScript 1.5 beherrschen wird toFixed nachgebildet.
toFixed() für alle Browser
CSS für alle Browser, Crossbrowserstrategien:
CSS für alle Browser
A:hover ohne dynamisch erzeugte Layer:
Netscape 4 a:hover
Browserfähigkeiten und Browsererkennung per JavaScript:
Browser per JavaScript erkennen
© Dipl.-Des.FH Kristof Lipfert Webdesign GbR Düsseldorf 10/2002 Redesign 2004