NekoChan: Drop-Down Menu: Horizontal Style

Beitrag lesen

Hallo, ich habe ein Problem mit der Navigation auf meiner Webseite.

So sieht die Navigation aus: http://freenet-homepage.de/animessing/problem.html

(auf die Pfeile klicken, dann öffnet sich rechts eine Leiste)

Problem: Es öffnet sich immer die gleiche Leiste, egal auf welchen Pfeil man klickt. Es öffnet sich immer das erste Menu. Im HTML-Code, den ich unten in diesen Beitrag bei SelfHTML eingefügt habe, kann man es genauer sehen. Warum ist das so? Liegt es an den JavaScript? Bitte helft mir!

----C-O-D-E----------------------------------------------------------

<div style="width:130px; height:400px; float: left;" id="Info">

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin var refer=true; function combo() { if (refer) {   document.all.contents3.style.visibility="visible";   refer=false; } else {   document.all.contents3.style.visibility="hidden";   refer=true; } } //  End --> </script>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin var refer=true; function combo() { if (refer) {   document.all.contents2.style.visibility="visible";   refer=false; } else {   document.all.contents2.style.visibility="hidden";   refer=true; } } //  End --> </script>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin var refer=true; function combo() { if (refer) {   document.all.contents.style.visibility="visible";   refer=false; } else {   document.all.contents.style.visibility="hidden";   refer=true; } } //  End --> </script>

</head> <body>

<table cellspacing="0" cellpadding="0" align="left"> <tr> <td>

<table style="border:0px solid #000000;" width="168" border="0" cellspacing="0" cellpadding="0" bordercolor="#333333">   <tr>     <td align="left" bgcolor="#c9c9c9">       <font face="arial" color="#666666"><span style="font-size:14px;">&#160;<b>T E S T O B J E K T</b></font></span>     </td>     <td title="Klick hier um das Menü zu öffnen" style="border-left:0px solid #c9c9c9;background:#c9c9c9;" align="right" width="26" onclick="combo()">      <img src="Pfeil.gif"> </td>   </tr></td></tr> </table>

<div id="contents" style="position:absolute; left:180px; top:13px; width:156px; height:?px; z-index:9; visibility:hidden">

<table style="border:0px solid #000000;" width="125" border="0" cellspacing="2" cellpadding="0" bordercolor="#e6e6e6">   <tr>     <td bgcolor="#e6e6e6">       <font color="#FFFFFF" face="arial" size="1">

<tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" class="menulink2" target="home" class=&{ns4class};><font color=#333333> &#215; Testobjekt</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333> &#215; Testobjekt</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333> &#215; Testobjekt</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333> &#215; Testobjekt</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333>&#215; Testobjekt</font></a></td></tr>

</div>

</font>     </td>   </tr> </table> </td> </tr> </table>

<br><br>

<table cellspacing="0" cellpadding="0" align="left"> <tr> <td>

<table style="border:0px solid #000000;" width="168" border="0" cellspacing="0" cellpadding="0" bordercolor="#333333">   <tr>     <td align="left" bgcolor="#c9c9c9">       <font face="arial" color="#666666"><span style="font-size:14px;">&#160;<b>T E S T O B J E K T</b></font></span>     </td>     <td title="Klick hier um das Menü zu öffnen" style="border-left:0px solid #c9c9c9;background:#c9c9c9;" align="right" width="26" onclick="combo()">      <img src="Pfeil.gif"> </td>   </tr> </table>

<div id="contents2" style="position:absolute; left:170px; top:240px; width:156px; height:?px; z-index:8; visibility:hidden">

<table style="border:0px solid #000000;" width="125" border="0" cellspacing="2" cellpadding="0" bordercolor="#e6e6e6">   <tr>     <td bgcolor="#e6e6e6">       <font color="#FFFFFF" face="arial" size="1">

<tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" class="menulink2" target="home" class=&{ns4class};><font color=#333333> &#215; Testobjekt2</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333> &#215; Testobjekt2</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333> &#215; Testobjekt2</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333> &#215; Testobjekt2</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333>&#215; Testobjekt2</font></a></td></tr>       </div>

</font>     </td>   </tr> </table> </td> </tr> </table>

<br><br>

<table cellspacing="0" cellpadding="0" align="left"> <tr> <td>

<table style="border:0px solid #000000;" width="168" border="0" cellspacing="0" cellpadding="0" bordercolor="#333333">   <tr>     <td align="left" bgcolor="#c9c9c9">       <font face="arial" color="#666666"><span style="font-size:14px;">&#160;<b>T E S T O B J E K T</b></font></span>     </td>     <td title="Klick hier um das Menü zu öffnen" style="border-left:0px solid #c9c9c9;background:#c9c9c9;" align="right" width="26" onclick="combo()">      <img src="Pfeil.gif"> </td>   </tr> </table>

<div id="contents2" style="position:absolute; left:170px; top:240px; width:156px; height:?px; z-index:7; visibility:hidden">

<table style="border:0px solid #000000;" width="125" border="0" cellspacing="2" cellpadding="0" bordercolor="#e6e6e6">   <tr>     <td bgcolor="#e6e6e6">       <font color="#FFFFFF" face="arial" size="1">

<tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" class="menulink2" target="home" class=&{ns4class};><font color=#333333> &#215; Testobjekt3</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333> &#215; Testobjekt3</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333> &#215; Testobjekt3</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333> &#215; Testobjekt3</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333>&#215; Testobjekt3</font></a></td></tr>      </div>

</font>     </td>   </tr> </table> </td> </tr> </table>

<br><br>

<table cellspacing="0" cellpadding="0" align="left"> <tr> <td>

<table style="border:0px solid #000000;" width="168" border="0" cellspacing="0" cellpadding="0" bordercolor="#333333">   <tr>     <td align="left" bgcolor="#c9c9c9">       <font face="arial" color="#666666"><span style="font-size:14px;">&#160;<b>T E S T O B J E K T</b></span></font>     </td>     <td title="Klick hier um das Menü zu öffnen" style="border-left:0px solid #c9c9c9;background:#c9c9c9;" align="right" width="26" onclick="combo()">      <img src="Pfeil.gif"> </td>   </tr> </table>

<div id="contents2" style="position:absolute; left:170px; top:240px; width:156px; height:?px; z-index:6; visibility:hidden">

<table style="border:0px solid #000000;" width="125" border="0" cellspacing="2" cellpadding="0" bordercolor="#e6e6e6">   <tr>     <td bgcolor="#e6e6e6">       <font color="#FFFFFF" face="arial" size="1">

<tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" class="menulink2" target="home" class=&{ns4class};><font color=#333333> &#215; Testobjekt4</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333> &#215; Testobjekt4</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333> &#215; Testobjekt4</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333> &#215; Testobjekt4</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333>&#215; Testobjekt4</font></a></td></tr>       </div>

</font>     </td>   </tr> </table> </td> </tr> </table>

<br><br>

<table cellspacing="0" cellpadding="0" align="left"> <tr> <td>

<table style="border:0px solid #000000;" width="168" border="0" cellspacing="0" cellpadding="0" bordercolor="#333333">   <tr>     <td align="left" bgcolor="#c9c9c9">       <font face="arial" color="#666666"><span style="font-size:14px;">&#160;<b>T E S T O B J E K T</b></font></span>     </td>     <td title="Klick hier um das Menü zu öffnen" style="border-left:0px solid #c9c9c9;background:#c9c9c9;" align="right" width="26" onclick="combo()">      <img src="Pfeil.gif"> </td>   </tr> </table>

<div id="contents2" style="position:absolute; left:170px; top:240px; width:156px; height:?px; z-index:5; visibility:hidden">

<table style="border:0px solid #000000;" width="125" border="0" cellspacing="2" cellpadding="0" bordercolor="#e6e6e6">   <tr>     <td bgcolor="#e6e6e6">       <font color="#FFFFFF" face="arial" size="1">

<tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" class="menulink2" target="home" class=&{ns4class};><font color=#333333> &#215; Testobjekt5</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333> &#215; Testobjekt5</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333> &#215; Testobjekt5</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333> &#215; Testobjekt5</font></a></td></tr>    <tr bgcolor="#c9c9c9"><td align=left><a href="testobjekt.html" target="home" class="menulink2" class=&{ns4class};><font color=#333333>&#215; Testobjekt5</font></a></td></tr>       </div>

</font>     </td>   </tr> </table> </td> </tr> </table>

</div>