Discussion :

[laurentSc]

Bonsoir,

je souhaite, lorsque l'utilisateur clique sur un lien passer le display de 2 div de block à none. J'ai donc attribué la classe "cacher" à ces 2 divs, et lorsque l'utilisateur clique sur le lien, ça envoie sur une page où j'ai mis ce code

Code js :

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

1
2
3
4
5
6
	<script>
	var classCacher = document.getElementsByClassName("cacher");
	for (i=0;i<classCacher.length;i++) {
	     i.style.display=none;
	}
	</script>

mais le display des 2 div reste à block. Comment faudrait-il faire ?

[danielhagnoul]

Code :

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

1
2
3
4
5
var classCacher = document.getElementsByClassName("cacher");
 
for ( var i = 0; i < classCacher.length; i++ ){
  classCacher[i].style.display = "none";
}

[laurentSc]

Merci

[Invité]

Ca se fait aussi plus facilement en jQuery (que tu utilises par ailleurs...).

[SylvainPV]

Euh je ne suis pas sûr de comprendre... Pourquoi parcourir les éléments en JavaScript et modifier leur style en inline quand on peut simplement utiliser CSS ?

Code css :

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

.cacher { display: none; }

[laurentSc]

La raison est que ça doit être dynamique : au départ, le display est à block et c'est seulement quand l'utilisateur clique sur un des 2 liens de navigation que je passe le display à none.