Christoph Schnauß: Layer verbergen bzw sichtbarmachen mit dem IE

Beitrag lesen

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.