Versteckspiel mit Layern
dasklaus
- dhtml
Liebe Experten & Expertinnen!
Der unten stehende Code ist eigentlich extra für Netscape4 entwickelt
worden, aber es will nicht klappen.
Habt ihr ne Idee?
Danke im Voraus
Gruß dasKlaus
<html>
<head>
<script language="JavaScript">
<!--
function change_bild(nr)
{
var bildnr;
hideall();
bildnr="bild"+nr+"grey";
document.layers[bildnr].visibility="hide";
bildnr="bild"+nr;
document.layers[bildnr].visibility="show";
bildnr="bild"+nr+"a";
document.layers[bildnr].visibility="show";
}
function hideall()
{
document.layers["bild1"].visibility="hide";
document.layers["bild1grey"].visibility="show";
}
// -->
</script>
</head>
<body>
<div id="bild1grey" style=
"position:absolute; left:164px;
top:225px; width:142px; height:113px;
z-index:1; visibility: show;"
onClick="change_bild('1')"><img src="bild1_grey.jpg"></div>
<div id="bild1" style=
"position:absolute; left:173px;
top:560px; width:144px; height:116px;
z-index:0; visibility: hide"> <img src="bild1.jpg"></div>
</body>
</html>
ohne mir das jetzt genauer anzusehen einfach 2 Fragen: was passiert was nicht passieren soll? Wenn nichts passiert: gibt es einen JS-Error?
ein paar algemente Tipps zum Umgang mit Netscape 4:
1. vermeide noch so redundante informationen weglassen
2. niemals zeilenumbrücke oder leerzeichen wo sie nicht zwingend erforderlich sind
3. erwarte kein logisches Verhalten vom Browser
Hallo,
nach meiner bescheidenen Meinung kann NS4 nur Mouseovers und Mouseclicks innerhalb des a-Tags. Du must also das mouseclick aus dem div rausnehmen und um das Bild einen a-Verweis (ins Leere) setzen. Damit funktionierte es bei mir gerade. (Allerdings konnte ich nicht testen, ob auch die richtigen bilder benutzt wurden, weil ich die mir für die Testumgebung jetzt nicht basteln wollte, aber die Divs wurden versteckt bzw angezeigt....)
Schreibe dazu :
<a href="javascript:void(0);" onClick="change_bild('1')"><img src="bild1_grey.jpg"></a>
Das void(0) führt dabei "nichts" aus......
Chräcker