Discussion :

[lateek35]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementByClassName("actif")

dans la mesure où plusieurs éléments peuvent avoir le même nom de classe, ce n'est pas getElementByClassName() mais getElementsByClassName avec un "s" qui signifie que cette méthode renvoie une collection sur laquelle il faudra ensuite boucler.

[lateek35]

Salut!

Je te remercie pour ta réponse, en effet je n'avais pas vu ce petit détail mais hélas rien y fais :s

Je n'ai pourtant aucune erreur de JS déclarées par firefox, ou bien même chrome mais ce script refuse de fonctionner! Le vilain!
J'ai beau relire mon code dans tout les sens, mes yeux refusent de voir quelque-chose!
Pour les plus courageux, je vous ai joint un lien contenant le zip contenant mon code avec le css, html et js(juste le nécéssaire pas tout hein ^^).
http://www.terafiles.net/v-138163.html
Je voudrai qu'au clique sur une div verte elle devienne rouge et l'autre (qui était rouge) redevienne verte (en passant par l'attribut class de mes balises HTML)

En espérant que vous pourrez me sortir de cette impasse