Java Reference
In-Depth Information
}
getElementsByTagName("button")[6].onclick = function() {
text(1);
}
}
}
window.onload = init;
Für die sieben Schaltlächen in der Webseite werden
onclick
-Eventhandler registriert. Bei
den ersten fünf wird die Funktion
bild()
mit einen speziischen numerischen Parameter
aufgerufen. Die letzten beiden Schaltlächen rufen die Funktion
text()
ebenfalls mit einem
speziischen Parameter auf.
HInWEIS:
Sie erkennen, dass sich Codestrukturen zum Registrieren eines
Eventhandlers mehrfach wiederholen. Da drängt sich eigentlich eine Schleife
auf. Doch Vorsicht, wenn Sie hier mit Schleifen arbeiten wollen. Das sind Funkti-
onsreferenzen und dementsprechend bekommen Sie Probleme, wenn Sie inner-
halb der anonymen Funktionen versuchen, auf die Zählvariable zuzugreifen. Die
referenzierten Funktionen werden vom Interpreter zum Zeitpunkt der Referen-
zierung nicht (!) verarbeitet und dementsprechend steht der Zähler der Schleife
dort nicht zur Verfügung. Erst beim tatsächlichen Aufruf der Funktion wird der
Interpreter den Funktionscode verarbeiten.
In der Funktion
bild()
sehen Sie, dass der Eigenschat
src
des Bildobjekts mit der ID
b1
ein Wert zugewiesen wird. Das Bildobjekt wird von dem DOM über das
<img>
-Tag in der
HTML-Datei bereitgestellt. Der zugewiesene Wert kommt aber aus dem ersten IFrame. Mit
window.frames[0]
sprechen wir ihn an und erhalten damit ein DOM-Fensterobjekt. Und
dann stellt
document
wie gehabt die Objektrepräsentation der Webseite darin dar. Schauen
wir uns den Aufbau der in dem IFrame geladenen Datei
kap8_18_1.html
an, denn dieser
Aufbau ist massiv für die Art unseres Zugrifs von Bedeutung:
Listing 8.46■
Die Datei wird im ersten IFrame geladen.
...
<body>
<img src="images/b1.jpg" /><img src="images/b2.jpg" />
<img src="images/b3.jpg" /><img src="images/b4.jpg" />
<img src="images/b5.jpg" />
</body>
</html>
Sie erkennen, dass darin fünf Graiken geladen werden. Und deshalb kommen wir über das
Objektfeld
images
in der Funktion
bild()
an die einzelnen Graiken in der Webseite.
Die Funktion
text()
hat einen analogen Aufbau. Nur wird hier der Textinhalt einer Über-
schrit der Ordnung
h1
aus einer Datei im zweiten IFrame ausgelesen und in eine Tabellen-
zelle geschrieben. Der Aufbau der Datei, die im zweiten IFrame geladen wird, sieht so aus
(kap8_18_2.html):
Search WWH ::
Custom Search