Più id con lo stesso nome in javascript? [era: aiutatemiii java scripttttt]

salve ragazzi sto cercando di valicare il mio sito ma ho inserito un menu in java script
mi da gli errori perche contiene piu id con lo stesso nome ho capito quale sia l'errore ma non so risolverlo perche non conosco il javascript e non ho tempo mi aiutae a risolvere ? le parti con gli id hanno un colore diverso delle celle e cosi dovrebbero rimanere grazie vi prego

menu

Codice HTML:

---

<table width="210" border="1" cellpadding="0" cellspacing="0">
      <tr>
        <td width="36" valign="top" bgcolor="#FFFFFF" ><div id="MJ_MenuTitle"><img src="http://forum.it.altervista.org/images/cart.png" alt=""/> Menu</div>
          <a href="http://www.chatrubacuori.altervista.org" class="MJ_LinkClass"><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> Home</a>
          <a href="http://chatrubacuori.altervista.org/entrainchat.php" class="MJ_LinkClass"><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> Java Chat</a>
<a href="http://chatrubacuori.altervista.org/lightIRC/index.html" target="_blanck" class="MJ_LinkClass"><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> Flash Chat</a>
          <a href="http://chatrubacuori.altervista.org/linkaci.php" class="MJ_LinkClass" ><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> Linkaci</a>
          <a href="http://chatrubacuori.altervista.org/sitiamici.php" class="MJ_LinkClass"><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> Siti Amici</a>
          <a href="http://chatrubacuori.altervista.org/contattaci.php" class="MJ_LinkClass"><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> Contattami</a>
          <a href="http://chatrubacuori.altervista.org/guestbook.php" class="MJ_LinkClass"><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> GuestBook</a>
          <a href="http://chatrubacuori.altervista.org/amico1.html" target="_blanck" class="MJ_LinkClass"><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> Segnalaci ad un amico</a>
          <div id="MJ_MenuTitle"><img src="http://forum.it.altervista.org/images/cart.png" alt=""/> Sezione IRC</div>
          <a href="http://chatrubacuori.altervista.org/descrizione.php" class="MJ_LinkClass"><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> Descrizione Irc</a>
          <a href="http://chatrubacuori.altervista.org/primaconnessione.php" class="MJ_LinkClass"><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> Guida Connessione</a>
          <a href="http://chatrubacuori.altervista.org/scriptmirc.php" class="MJ_LinkClass"><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> Script Mirc</a> 
          <div id="MJ_MenuTitle"><img src="http://forum.it.altervista.org/images/cart.png" alt=""/> Comandi IRC</div>
          <a href="http://chatrubacuori.altervista.org/chanserv.php" class="MJ_LinkClass"><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> ChanServ</a>
          <a href="http://chatrubacuori.altervista.org/nickserv.php" class="MJ_LinkClass"><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> NickServ</a>
          <a href="http://chatrubacuori.altervista.org/botserv.php" class="MJ_LinkClass"><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> BotServ</a>
          <a href="http://chatrubacuori.altervista.org/memoserv.php" class="MJ_LinkClass"><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> MemoServ</a>
          <a href="http://chatrubacuori.altervista.org/operserv.php" class="MJ_LinkClass"><img src="http://forum.it.altervista.org/images/heart.gif" alt=""/> OperServ</a>
          <div id="MJ_MenuTitle">Giochi</div>
<!-- Inizio codice Box Giochi Flash-->
                                        <iframe width="140px" height="100px" marginwidth="0" marginheight="0"  frameborder="0" scrolling="no"  src="http://vincenzothebest.altervista.org/Frame/Box_Giochi.htm" >
                                        </iframe>
                                        <!-- Fine codice [url]http://vincenzothebest.altervista.org[/url] -->

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

---

codice js

Codice HTML:

---

<!--
var MJ;
function MJ_OpenMenu()
{
        document.getElementById("MJ_MainMenu").style.top = document.body.scrollTop;
        MJ = window.setTimeout("MJ_OpenMenu()", 1);

}
function MJ_StopMenu()
{
        window.clearTimeout(MJ);
}
--!>

---

Il problema non è il codice javascript, ma l'html. Il tuo menù contiene più tag con lo stesso id:

Codice HTML:

---

<div id="MJ_MenuTitle">

---

mentre una pagina html non dovrebbe contenerne più di uno.

Quel codice sembra comunque un'anticaglia, quindi se ci spieghi cosa stai cercando di fare c'è probabilmente una soluzione migliore.

Quando utilizzi nello stesso documento più volte lo stesso Id, sicuramente quello di cui hai bisogno è una Classe.
Inoltre un documento con lo stesso id ripetuto non è un documento valido.

questo è un menu che ho scaricaro in rete non conosco il java script ho letto un po pero ho capito che id sono univochi qundi non possono avere lo stesso nome dovrei cambiarlo in classe ma non conoscendo il linguaggio non so come modificarlo e un mese che ci provo voglio correggere gli errori per la validazione w3c ma non deve cambiare la grafica del menu grazie mille in anticipo ragazzi

Citazione:

---

Originalmente inviato da chatrubacuori

questo è un menu che ho scaricaro in rete non conosco il java script ho letto un po pero ho capito che id sono univochi qundi non possono avere lo stesso nome dovrei cambiarlo in classe ma non conoscendo il linguaggio non so come modificarlo e un mese che ci provo voglio correggere gli errori per la validazione w3c ma non deve cambiare la grafica del menu grazie mille in anticipo ragazzi

---

Osserva bene il codice che hai postato.

E' sufficente cambiare id="" in class="" nel html

Codice HTML:

---

<div class="MJ_MenuTitle">

---

e #nomeid in .nomeid nei css

Codice:

---

.MJ_MenuTitle{}

---

.

Le classi a differenza dell' id possono essere ripetute.

grazie mille sono riuscito grazie al vostro aiuto ora avrei bisogno di capire (sapendo 0 del js come usando la funzione getelementsbyclass individuare la classe MJ_LinkClass e impostare l'attributo href a www.example.com Grazie in anticipo non ho aperto un altro post perche non so usare bene il forum e non vorrei fare confusione grazie siete davvero molto gentili

Citazione:

---

Originalmente inviato da chatrubacuori

grazie mille sono riuscito grazie al vostro aiuto ora avrei bisogno di capire (sapendo 0 del js come usando la funzione getelementsbyclass individuare la classe MJ_LinkClass e impostare l'attributo href a www.example.com Grazie in anticipo non ho aperto un altro post perche non so usare bene il forum e non vorrei fare confusione grazie siete davvero molto gentili

---

La funzione getelementsbyclass non esiste, si chiama getElementsByClassName, il codice dovrebbe essere più o meno così:

Codice:

---

var elementi = document.getElementsByClassName("MJ_LinkClass");
for(var i = 0; i < elementi.length; i++){
        elementi[i].href = "www.example.com";
}

---

Impostando così l'attributo href però il risultato non è probabilmente quello che tu aspetti, in quanto quello è un percorso relativo che identifica il file di nome www.example.com, non il dominio di terzo livello.