Layer sind Seitenelemente, welche andere Seitenelemente aufnehmen können, um diese innerhalb der Seite zu positionieren.
Netscape4 kennt dafür als einziger Browser das <layer>-Element. Ein solcher Layer lässt sich in diesem Browser aber auch mit einem <div>-Element simulieren, indem diesem per CSS die Positions-Angaben absolute oder relative zugeordnet werden:
 |
 |
 |
 |
<div style="position:absolute;"> |
 |
 |
 |
 |
Um den Inhalt der so definierten Layer in Javascript anzusprechen, ist es wichtig zu wissen, daß dieser Layer gewissermaßen ein eigenes Dokument
innerhalb der Seite darstellt. In Netscape4 lässt sich der Inhalt des Layers demzufolge nicht als Inhalt der Seite, sondern als Inhalt des Layers ansprechen:
 |
 |
 |
 |
<html>
<head>
<title>Test</title>
</head>
<body>
<img src="bild1.gif">
<div style="position:absolute;"id="layer1">
<img src="bild2.gif">
</div>
</body>
</html> |
 |
 |
 |
 |
Das Beispiel zeigt den Code einer Webseite, in welcher sich 2 Grafiken befinden.
Normalerweise würde man auf diese Grafiken mit
und
zugreifen.
In Netscape4 jedoch nicht, da die zweite Grafik sich innerhalb eines Layers befindet. Die Grafik innerhalb dieses Layers spricht man in diesem Fall mit document.layer1.document.images[0]an, wobei
es sich bei layer1 um die diesem Layer vergebene ID handelt.
 |
 |
 |
 |
|
Auch alle anderen, relativ oder absolut positionierten Seitenelemente sieht Netscape4 als Layer an, womit man auch deren Inhalt mit Javascript nach der beschriebenen
Methode ansprechen muss.
|
|
 |
 |
 |
 |
|