Menu mit ein- und ausblendenen Layern

[absolutwodka]

Hallo,

ich versuche mich gerade an einem Menu für ein Frameset. Die Links liegen auf Bildern, die zusätzlich einen RollOver-Effekt aufweisen. Unter dem Menu (links angeordnet) befindet sich ein Freiraum, in den, je nach angeklickter Rubrik ein Layer mit Zusatzinfos zu sehen sein. Mein Problem dabei ist nicht unbedingt die Anzeige der Layer, sonder vielmehr, dass sie sich nicht nach getanem Dienst schließen (nachdem ich etwas anderes angeklickt habe).
Wär esuper wenn ihr mir helfen könntet.

Danke
absolutwodka

 

[absolutwodka]

nochmal ein Link zum Menu

absolutwodka

 

[absolutwodka]

Hat keiner eine Idee?
Die hier im Forum geposteten Sachen funktionieren irgendwie nicht.
:-(

 

[absolutwodka]

Ich habe zwar hier leider keine Hilfestellung bekommen, aber wo anders konnte ich etwas finden.

<script language="JavaScript" type="text/JavaScript">
<!--
var ebenenref, aktdiv, i, max=6;

function ZeigeEbene(Nr)
{
aktdiv=0;
for (i=1; i<=max; i++)
{
ebenenref="ebene"+i;
if (document.getElementById) // IE 5.x und NN 6
{
if (i==Nr)
{
document.getElementById(ebenenref).style.visibility="visible";
}
else
{
document.getElementById(ebenenref).style.visibility="hidden";
}
}

if (document.layers) // NN 4.x
{
if (i==Nr)
{
document.layers[ebenenref].visibility="visible";
}
else
{
document.layers[ebenenref].visibility="hidden";
}
}

if (document.all && !document.getElementById) // IE 4
{
if (i==Nr)
{
document.all[ebenenref].style.visibility="visible";
}
else
{
document.all[ebenenref].style.visibility="hidden";
}
}
}
}

function VersteckeEbene(Nr)
{
ebenenref="ebene"+Nr;
if (document.getElementById) // IE 5.x und NN 6
{
if (Nr!=aktdiv)
{
document.getElementById(ebenenref).style.visibility="hidden";
}
else
{
document.getElementById(ebenenref).style.visibility="visible";
}
}

if (document.layers) // NN 4.x
{
if (Nr!=aktdiv)
{
document.layers[ebenenref].visibility="hidden";
}
}

if (document.all && !document.getElementById) // IE 4
{
if (Nr!=aktdiv)
{
document.all[ebenenref].style.visibility="hidden";
}
}
}

function KlickeEbene(Nr)
{
aktdiv=Nr;
for (i=1; i<=max; i++)
{
ebenenref="ebene"+i;
if (document.getElementById) // IE 5.x und NN 6
{
if (i==aktdiv)
{
document.getElementById(ebenenref).style.visibility="visible";
}
else
{
document.getElementById(ebenenref).style.visibility="hidden";
}
}

if (document.layers) // NN 4.x
{
if (i==aktdiv)
{
document.layers[ebenenref].visibility="visible";
}
else
{
document.layers[ebenenref].visibility="hidden";
}
}

if (document.all && !document.getElementById) // IE 4
{
if (i==aktdiv)
{
document.all[ebenenref].style.visibility="visible";
}
else
{
document.all[ebenenref].style.visibility="hidden";
}
}
}
}
//-->
</script>
....
  <tr>
    <td colspan="3"><a href="#" target="mainFrame" onClick="KlickeEbene(6);return false" onMouseOver="MM_swapImage('Jobs','','../test/bjobs_o.gif',1); self.status='Jobs'; return true" onMouseOut="MM_swapImgRestore(); self.status=''; return true" onfocus="if(this.blur)this.blur()"><img src="../test/bjobs.gif" alt="Jobs" name="Jobs" width="158" height="19" border="0"></a></td>
  </tr>
....
<div style="position: relative; width: 158px; height: 221px; border: 0px solid white; text-align: left;">
        <div id="ebene1" style="position:absolute; top:0px; left: 0px; z-index: 1; visibility: hidden;">Ebene 1</div>
        <div id="ebene2" style="position:absolute; top:0px; left: 0px; z-index: 2; visibility: hidden;">Ebene 2</div>
		<div id="ebene3" style="position:absolute; top:0px; left: 0px; z-index: 3; visibility: hidden;">Ebene 3</div>
		<div id="ebene4" style="position:absolute; top:0px; left: 0px; z-index: 4; visibility: hidden;">Ebene 4</div>
		<div id="ebene5" style="position:absolute; top:0px; left: 0px; z-index: 5; visibility: hidden;">Ebene 5</div>
		<div id="ebene6" style="position:absolute; top:0px; left: 0px; z-index: 6; visibility: hidden;">Ebene 6</div>
</div>

klappt halt jetzt.

 

[Sebastian Wramba]

Benutze beim nächsten Mal doch bitte die Editier-Funktion, danke.