Evenement sur une div qui ne fonctionne pas
Boujour a tous,
Voila mon problème, j'aimerai changer la classe d'une div lorsque je clique dessus tout en changeant une autre.
Un petit bout de code sera surement plus explicite ;)
Code:
1 2 3 4 5 6 7 8 9
|
<div id="evenements">
<div class="actif">
</div>
<div class="non_actif">
</div>
<div class="non_actif">
</div>
</div> |
Et voila mon code javascript:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
|
window.addEventListener("load",initialiser,false);
function initialiser()
{
var lesEvenements = document.getElementById("evenements").getElementsByTagName("div");
for (var i=0; i<lesEvenements.lenght; i++)
{
var unEvenement=lesEvenements[i];
unEvenement.addEventListener("click",changerEvenement,false);
}
}
//----------------------------------------------------------------------
function changerEvenement()
{
document.getElementByClassName("actif").className="non_actif";
this.className="actif";
} |
Or il se trouve que lorsque je clique sur une des div, rien ne se passe :s.
En vous remerciant par avance de m'éclaircir sur ce point ;)