DOM-Manipulation JavaScript - Der Internet Explorer - Einführung
1. Die Abschnitte
- Einführung
- Namensvergabe
- CSS-Anweisungen
- Formulare
- Event-Handler
2. WICHTIG!
All diejenigen, die direkt auf dieser Seite gelandet sind, sollten sich vorher ausgiebig mit der entsprechende Theorie beschäftigen. Denn ohne die notwendigen Grundkenntnisse geht hier gar nichts.
Browser
Für dieses Tutorial benötigt ihr primär den Internet Explorer benutzen. Und wenn möglich auch die Versionen 6 und 7 zur Hand haben. Denn bei den beiden gibt es die meisten Fehler.
4. Das Ziel
Wie ihr schon an den einzelnen Abschnitten sehen könnt, ist dieses Ungetüm aus Redmond mal wieder unser großes Sorgenkind. Darum werden wir uns hier auch ausschließlich mit dessen Macken beschäftigen.
Ein Hinweis
Wie ich schon vorher sagte, ist das mit den browsereigenen Fehlern bei der DOM-Manipulation so eine Sache. Denn leider sind sie nicht immer anhand einfacher Beispiele nachvollziehbar. Darum werde ich euch auch den einen oder anderen Ratschlag angedeihen lassen, für die ich keine Beispiele parat habe. Da müsst ihr mir einfach glauben.
4. Die Daten
Findet ihr, wie gehabt, rechts unter dem Punkt "Daten". Allerdings habe ich diesmal alles in eine Datei gepackt. Darin findet ihr pro(!) Abschnitt einen entsprechenden Ordner mit dem jeweiligen Basiscode und der Lösung. Folgende Ordner mit jeweils zwei Dateien müssen vorhanden sein.
namensvergabecss_anweisungenformulareevent_handler
5. Ein Überblick
Im ersten Abschnitt bekommt ihr von mir zwei ganz wichtige Tipps, die euch unter Umständen eine Menge Arbeit ersparen können.
Bei zweiten zeige ich euch, dass der Internet Explorer leider Gottes ganz erhebliche Probleme bei der DOM-Manipulation hat, sobald es dabei um CSS geht.
Danach könnt ihr auch noch mit eigenen Augen sehen, was dieser so genannte Browser für einen Unsinn bei radio-
und checkbox-Elementen macht.
Und zu guter Letzt zeige ich euch noch, wie ihr Event-Handler so manipulieren könnt, dass die gängigsten Browser damit klar kommen.
6. Der Programmierstil
Auch wenn ich hier schon viel zum Thema OOP/DOM-Scripting geschrieben habe und auf die Vorteile dieses Technik eingegangen bin, werde ich hier mal wieder den alten 08/15-Stil verwenden, damit wir uns auf die grundsätzlichen Dinge konzentrieren können.
7. Ein Hinweis
Falls jemand zu den folgenden Beispielen alternative Lösungen oder sogar Gründe für mögliche Fehler kennen, so soll er/sie mir doch bitte eine Mail dazu schicken. Auch ich lerne gerne noch dazu.
8. to be continued
Dieses Tutorial werde ich wohl im Laufe der Zeit des Öfteren aktualisieren müssen, da ich ständig mit neuen Seltsamkeiten dieses so genannten Browsers konfrontiert werde. Erst kürzlich ist mir ein sonderbares Verhalten des IE beim Verändern von Tabellen aufgefallen. Hier wird sich also (leider) in nächster Zeit wohl noch Einiges tun.
Außerdem ist eine Liste in Planung, in der ich euch einen Überblick geben werde, was auch in anderen Browsern nicht funktioniert und warum. Die ist zwar schon angelegt, aber noch so klein, dass es sich im Moment noch nicht lohnt.