Nabend mal wieder :-)
Mein Ziel ist :
Durch ein klick soll ein Layer angezeigt bzw wieder verborgen werden.
»»
hi,
versuchs mal so:
----------------------------------------------------
<html><head>
<script language=JavaScript>
<!--
if (document.layers) {
ns = 1; ie = 0;
} else {
ns = 0; ie = 1;
}
var i = 1;
var schicht = "layer";
function zeigeEbeneNr(ebene_nr){
verbergen(eval('"' + schicht + i +'"'));
zeigen(eval('"' + schicht + ebene_nr +'"'));
i = ebene_nr;
}
function zeigen(name) {
if (ns) {
document.layers[''+name].visibility = "show";
}
else {
document.all[''+name].style.visibility = "visible";
}
}
function verbergen(name) {
if (ns){
document.layers[''+name].visibility = "hide";
}
else {
document.all[''+name].style.visibility = "hidden";
}
}
//-->
</script>
<style TYPE="text/css">
#layer1 {position: absolute; visibility: visible; left: ..px; width: ..px; height: ..px; top: ..px; background-color:#0000FF;layer-background-color:#0000FF;};
#layer2 {position: absolute; visibility: hidden; left: ..px; width: ..px; height: ..px; top: ..px; background-color:#006600;layer-background-color:#006600;};
#menu {position: absolute; z-index: 50; visibility: visible; left: 550px; top: 80px; width: 120px; height: 270px; background-color: rgb(100,0,0);layer-background-color: rgb(100,0,0);};
</style>
</head>
<body BGCOLOR="#000000" TEXT="#FFFFFF" link="#B0B0FF" vlink="#FFFFFF" alink="#FFFFFF">
<div ID="layer1">dein erster Layer-Inhalt</div>
<div ID="layer2">dein zweiter Layer-Inhalt</div>
<div ID="menu"><center>
<p>Navigation
<a HREF="javascript:zeigeEbeneNr(1)"><p>Ebene 1</a></p>
<a HREF="javascript:zeigeEbeneNr(2)"><p>Ebene 2</a></p></a></center>
</div>
</body>
</html>
---------------------------
funktioniert bei mir anstandslos in beiden Browsern.
Christoph S.