ein Layer1 und auch aus Layer1
ein Layer2 und auch aus Layer2
ein Layer3 und auch aus Layer3
ein Layer4 und auch aus Layer4

Vierter Bereich

<script language="JavaScript">
<!--
if (navigator.appName == "Netscape" && navigator.appVersion < "5") {
                layerRef="document.layers";
                styleSwitch="";
                layerPosX=".left";
                layerPosY=".top";
                zeigen=".visibility='visible'";
                verstecken=".visibility='hidden'";

                }else{

if (navigator.appName == "Netscape" && navigator.appVersion >= "5") {
                layerRef="document.getElementById(";
                styleSwitch=").style.display=";
                zeigen="''";
                verstecken="'none'";
                entf=").style.visibility = 'visible'"

                }else{

                layerRef="document.all";
                styleSwitch=".style";
                layerPosX=".posLeft";
                layerPosY=".posTop";
                zeigen=".visibility='visible'";
                verstecken=".visibility='hidden'";

                }
}

layerid="";
function ein(layerName){
        if (layerName != layerid)
        {
        if(navigator.appName == "Netscape" && navigator.appVersion >= "5") {
        eval(layerRef+'["'+layerName+'"]'+entf);
        eval(layerRef+'["'+layerName+'"]'+styleSwitch+zeigen);

}else{
        eval(layerRef+'["'+layerName+'"]'+styleSwitch+zeigen);
         layerid = "";
        }

}}

function aus(layerName){
        if (layerName != layerid)
        {
        eval(layerRef+'["'+layerName+'"]'+styleSwitch+verstecken);

        }

        else layerid = "";
}

function bereit(){
//Hier können Sie bestimmen, ob die Layer anfangs ein- oder ausgeschaltet sein sollen
aus('erster');
aus('zweiter');
aus('dritter');
aus('vierter');
}

//-->
</script>

onload="bereit();"

<!-- als Beispiel ein-/ausschalten über Textlinks -->
<a href="#" onclick="ein('erster')">ein Layer1</a> und auch
<a href="#" onclick="aus('erster')">aus Layer1</a>
<br><br>
<a href="#" onclick="ein('zweiter')">ein Layer2</a> und auch
<a href="#" onclick="aus('zweiter')">aus Layer2</a>
<br><br>
<a href="#" onclick="ein('dritter')">ein Layer3</a> und auch
<a href="#" onclick="aus('dritter')">aus Layer3</a>
<br><br>
<a href="#" onclick="ein('vierter')">ein Layer4</a> und auch
<a href="#" onclick="aus('vierter')">aus Layer4</a>

<!-- id und name eines Layers müssen jeweils gleich lauten -->
<div id="erster" style="Z-INDEX: 20; LEFT: 196px;  WIDTH: 100px; POSITION: absolute; TOP: 200px; HEIGHT: 60px"
name="erster"><layer width="100" height="100"><h1>Erster Bereich</h1><p>mit etwas Text</p></layer></div>

<div id="zweiter" style="Z-INDEX: 20; LEFT: 196px;  WIDTH: 100px; POSITION: absolute; TOP: 349px; HEIGHT: 60px"
name="zweiter"><layer width="100" height="100"><h1>Zweiter Bereich</h1><p>mit etwas Text</p></layer></div>

<div id="dritter" style="Z-INDEX: 20; LEFT: 320px;  WIDTH: 100px; POSITION: absolute; TOP: 200px; HEIGHT: 60px"
name="dritter"><layer width="100" height="100"><h1>Dritter Bereich</h1><p>mit etwas Text</p></layer></div>

<div id="vierter" style="Z-INDEX: 20; LEFT: 320px;  WIDTH: 100px; POSITION: absolute; TOP: 200px; HEIGHT: 60px"
name="vierter"><layer width="100" height="100"><h1>Vierter Bereich</h1><img src="sandra288.gif" border="0"></layer></div>

Micha Doe

Kopieren Sie bitte den Code