nicht angemeldet
habe d'ehre
Geduld ist eine Tugend.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
if (document.getElementById) // IE 5.x und NN 6
{browser = 'W3Cdom';}
if (document.layers) // NN 4.x
{browser = 'Netscape';}
if (document.all && !document.getElementById) // IE 4
{browser = 'Explorer';}
function hideLayer(dividx)
{
divid = "Layer" + dividx;
if (browser=="W3Cdom"){document.getElementById(divid).style.visibility="hidden";}
if (browser=="Netscape"){document.layers[divid].visibility="hide";}
if (browser=="Explorer"){document.all[divid].style.visibility="hidden";}
}
// einschalten Layer fuer 2.Ebene
function showLayer(dividx)
{
divid = "Layer" + dividx;
if (browser=="W3Cdom"){document.getElementById(divid).style.visibility="visible";}
if (browser=="Netscape"){document.layers[divid].visibility="show";}
if (browser=="Explorer"){document.all[divid].style.visibility="visible";}
}
function hideAll()
{
hideLayer(2);
hideLayer(3);
hideLayer(4);
}
</script>
<style type="text/css">
#Layer1 {position:absolute;width:171px;z-index:1;top:100px;layer-background-color:#0066FF;border:1px none #000000;}
#Layer2 {position:absolute;width:200px;z-index:2;left:300px;top:50px;layer-background-color:#006699;border:1px none #000000;}
#Layer3 {position:absolute;width:200px;;z-index:3;left:300px;top:180px;layer-background-color:#006666;border:1px none #000000}
#Layer4 {position:absolute;width:200px;z-index:4;left:300px;top:310px;layer-background-color:#99CC33;border:1px none #000000}
@media all
{
#Layer1 {position:absolute;width:171px;z-index:1;left:10px;top:100px;background-color:#0066FF;border:1px none #000000;}
#Layer2 {position:absolute;width:200px;z-index:2;left:300px;top:50px;background-color:#006699;border:1px none #000000;}
#Layer3 {position:absolute;width:200px;z-index:3;left:300px;top:180px;background-color:#006666;border:1px none #000000}
#Layer4 {position:absolute;width:200px;z-index:4;left:300px;top:310px;background-color:#99CC33;border:1px none #000000}
}
</style>
</head>
<body onload="hideAll()">
<div id="Layer1">
<a href="#" onclick="showLayer(2);"><b>Anderen Layer anzeigen</b></a><br>(dazu wird ein einfaches JavaScript eingesetzt)<br>
<a href="#" onclick="showLayer(3);"><b>Anderen Layer anzeigen</b></a><br>(dazu wird ein einfaches JavaScript eingesetzt)<br>
<a href="#" onclick="showLayer(4);"><b>Anderen Layer anzeigen</b></a><br>(dazu wird ein einfaches JavaScript eingesetzt)<br>
</div>
<div id="Layer2"><p><a href="#" onclick="hideLayer(2);"><b>Diesen Layer verstecken</b></a><br>(dazu wird ein einfaches JavaScript eingesetzt)</p></div>
<div id="Layer3"><p><a href="#" onclick="hideLayer(3);"><b>Diesen Layer verstecken</b></a><br>(dazu wird ein einfaches JavaScript eingesetzt)</p></div>
<div id="Layer4"><p><a href="#" onclick="hideLayer(4);"><b>Diesen Layer verstecken</b></a><br>(dazu wird ein einfaches JavaScript eingesetzt)</p></div>
</body>
</html>
carpe diem
Wilhelm