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 !