Discussion :

[tchoukapi]

Bonjour ,

J'ai un petit script qui me permet de deployer ou non un div en fonction d'un clic sur un lien
(le clic sur le lien permet de monter le div non apparent au depart et de le cacher par un second clic et ainsi de suite)
Cependant quand j'en ai plusieurs sur une page je souhaiterais que l'ouverture d'un permette de fermer l'autre qui est ouvert pour n'en fait n'en afficher seulement un a la fois.

Est-ce possible ?

voici mon code actuel :

le script :

Code :

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

1
2
3
function cache(id){
	document.getElementById(id).style.display = (document.getElementById(id).style.display == "none")?(""):("none");
}

le div

Code :

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

1
2
echo "<div style=cursor:pointer class=... onclick=cache('menu1')>Critiquer ".$row["user_prenom"]."</div>";
	echo "<div style=display:none id=menu1>";

Actuellement quand j'utilise cette technique pour tout mes div cachés ils sont tous independant et peuvent s'ouvrir et ce fermer sans que cela touche aux autre (ce que je voudrais justement changer... )

[E.Bzz]

Bonjour,
il faut que ton script boucle sur les div de ta page et masque ceux dont l'id est différent du paramètre passé.

Code :

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

1
2
	for (i=0; i<document.getElementsByTagName("div").length; i++)
		document.getElementsByTagName("div")[i].style.display = (document.getElementsByTagName("div")[i].id == ton_param)?"block":"none";

Tu noteras que la valeur de display est 'block' pour afficher (autant éviter de compter sur les valeurs par défaut) ...
EDIT : Attention, si tu as des div qui ne doivent pas être concernés, il faut ajouter une condition pour les exclure du test ...

A+

[Bisûnûrs]

Code :

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

1
2
3
4
5
6
function cache(id){
   for(var i = 1; i <= 3; i++){ // où 3 est le nombre de "menu"
      document.getElementById('menu'+i).style.display = "none";
   }
   document.getElementById(id).style.display = (document.getElementById(id).style.display == "none") ? "block" : "none";
}

[tchoukapi]

merci pour ttes ces infos ca m'a l'air o poil !