Skocz do zawartości

Rozkładane Menu (JS) Problem


Rekomendowane odpowiedzi

Witajcie

 

Załatwiłem sobie przykład :P Rozkładanego Menu, działał jak było tylko jedno okienko, jednak jak dodałem drugie to nie chce się rozkładać (ani w 1, ani w 2) ... sądzę, że gdzieś błąd popełniłem ....

 

Tutaj kod "spis.html"

 

<html>
<head>
   <title>Witamy na TibiaPlayers</title>
  <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><!-- STEP TWO: Copy this code into the BODY of your HTML document  -->
</head>
<body style="background-color: rgb(91, 97, 98); color: rgb(0, 0, 0);"
  alink="#ee0000" link="#0000ee" vlink="#551a8b">
<big><small style="color: white;">Oficjalna
strona gry</small><br>
<a style="color: white;" target="strona" href="http://www.tibia.com/"><small><small>Tibia.com</small></small></a><br>
</big><br>
<table align="center">
   <tbody>
     <tr>
       <td>
       <table border="1" bordercolor="#d8d8d8" cellpadding="0"
  cellspacing="0" width="200">
         <tbody>
           <tr>
             <td bgcolor="#d8d8d8">
             <div style="text-align: center;"> <font face="verdana"
  size="2">Bronie:<br>
             </font></div>
             </td>
             <td align="right" width="21"> <img
  src="img/combo_arrow.gif" name="combo_arrow" alt="" onclick="combo()"
  border="0" height="21" width="21"></td>
           </tr>
         </tbody>
       </table>
       <div id="contents"
  style="position: absolute; z-index: 1; visibility: hidden;">
       <table border="1" bordercolor="#d8d8d8" cellpadding="0"
  cellspacing="0" width="200">
         <tbody>
           <tr>
             <td bgcolor="#d8d8d8"> <font face="verdana" size="2"> <a
  href="http://78.8.9.23/slawek/TibiaPlayers/distanceweapon.html"
  target="strona"> <img src="img/bullet2.gif" border="0" height="8"
  width="8"> Dystansowe</a><br>
             <a href="http://78.8.9.23/slawek/TibiaPlayers/wands.html"
  target="strona"> <img src="img/bullet2.gif" border="0" height="8"
  width="8"> Różdzki</a><br>
             </font> </td>
           </tr>
         </tbody>
       </table>
       </div>
       </td>
     </tr>
   </tbody>
</table>
<table align="center">
   <tbody>
     <tr>
       <td>
       <div style="text-align: center;"> </div>
       <table border="1" bordercolor="#d8d8d8" cellpadding="0"
  cellspacing="0" width="200">
         <tbody>
           <tr>
             <td bgcolor="#d8d8d8">
             <div style="text-align: center;"> <font face="verdana"
  size="2">Czary dla:</font></div>
             </td>
             <td align="right" width="21"> <img
  src="img/combo_arrow.gif" name="combo_arrow" alt="" onclick="combo()"
  border="0" height="21" width="21"></td>
           </tr>
         </tbody>
       </table>
       <div id="contents"
  style="position: absolute; z-index: 1; visibility: hidden;">
       <table border="1" bordercolor="#d8d8d8" cellpadding="0"
  cellspacing="0" width="200">
         <tbody>
           <tr>
             <td bgcolor="#d8d8d8"> <font face="verdana" size="2"> <a
  href="http://78.8.9.23/slawek/TibiaPlayers/knightspells.html"
  target="strona"> <img src="img/bullet2.gif" border="0" height="8"
  width="8"> Rycerza</a><br>
             <a
  href="http://78.8.9.23/slawek/TibiaPlayers/paladinspells.html"
  target="strona"> <img src="img/bullet2.gif" border="0" height="8"
  width="8"> Paladyna</a><br>
             </font> </td>
           </tr>
         </tbody>
       </table>
       </div>
       </td>
     </tr>
   </tbody>
</table>
<center><font -2="" face="arial, helvetica" size=""><br>
</font>
<div style="text-align: left;"><span style="color: white;">Exp:</span><br
  style="color: white;">
<small><a style="color: white;"
  href="http://78.8.9.23/slawek/TibiaPlayers/expquest.html">Exp Quest</a></small><br
  style="color: white;">
<span style="color: white;">Inne:</span><br style="color: white;">
<small><a style="color: white;" href="exp.html">Tabela Doświadczenia</a></small><br>
</div>
<font -2="" face="arial, helvetica" size="">
</font></center>
<p><!-- Script Size:  2.31 KB -->
</p>
</body>
</html>

 

Fervi Prosi o pomoc :)

 

Fervi

Odnośnik do komentarza
Udostępnij na innych stronach

uzyj jQuery i zamiast adresowac zdarzenie na ID adresuj go na Klasę elementu, a na wszystkie elementy tej klasy będzie działać

Odnośnik do komentarza
Udostępnij na innych stronach

<!-- 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>

a gdzie znacznik otwierający?

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...