getElementById().className sous FireFox

Version imprimable

Bonjour,

J'ai le code suivant qui marche sous IE mais pas sous FF. Pourquoi?
(Je mets en copie la partie Javascript, css et html.)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
function activerLien(i)
{
if(i==1){
document.getElementById("li1").className = "active";
document.getElementById("li2").className = "noactive";
}
if(i==2){
document.getElementById("li2").className = "active";
document.getElementById("li1").className = "noactive";
}
}

Code:

1
2
3
4
5
6
7
8
 
#menu li.active{
background-color:#ffa;
}
 
#menu li.noactive{
background-color:white;
}

Code:

1
2
3
4
 
<ul id="menu">
<li class="active" id="li1"><a href="" onClick="activerLien(1)">Lien1</a></li><li id="li2"><a href="" onClick="activerLien(2)">Lien2</a></li>
</ul>

merci.

02/02/2010, 00h16
Auteur
bonjour,

dans ton code HTML ton argument href est vide !
Code:

1 2 3 4 5 <ul id="menu"> <li class="active" id="li1"><a href="#" onclick="activerLien(1)">Lien1</a></li> <li id="li2"><a href="#" onclick="activerLien(2)">Lien2</a></li> </ul>
aussi pourquoi utiliser une balise <a> pour appeler une fonction sur un onclick ?
Pourquoi n'utilises-tu pas un <span> ?
02/02/2010, 11h17
mafanta

Citation:

dans ton code HTML ton argument href est vide

Oui c'est normal pour le moment. Je n'ai pas encore terminé.

Citation:

aussi pourquoi utiliser une balise <a> pour appeler une fonction sur un onclick ?
Pourquoi n'utilises-tu pas un <span> ?

Parfaitement d'accord (je suis nouveau en la matiere). Mais le JavaScript me pose vraiment probleme. Il ne marche pas sous firefox et c'est ce que je ne comprends pas.
02/02/2010, 14h21
Auteur

Citation:

Envoyé par mafanta

Parfaitement d'accord (je suis nouveau en la matiere). Mais le JavaScript me pose vraiment probleme. Il ne marche pas sous firefox et c'est ce que je ne comprends pas.

si il fonctionne, mais comme je l'ai écrit précédemment :

Citation:

dans ton code HTML ton argument href est vide !

Code:

<a href="#" onclick="activerLien(1)">Lien1</a>