Afficher / Masquer des div

**spawns** · 20/11/2008, 13h47

Slt à tous,
je viens vers vous car moi et le javascript j'ai un peu de mal.

j'ai trouvé ce code sur le net mais cela ne fonctionne pas comme je veux:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function visuel (thingId) {
	var targetElement;
	targetElement = document.getElementById(thingId) ;
 
	if (targetElement.style.display == "none") {
		targetElement.style.display = "" ;
	} else {
		targetElement.style.display = "none" ;
	}
 
}
</script>

Code :

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

1
2
<a href="javascript:visuel('divid');">afficher/masquer</a>
<div id="divid" style="display:none;">contenu</div>

Je vous explique la manipe:
j'ai des liens qui sont afficher via une requete :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$nc=0;
$req2 = mysql_query("SELECT * FROM link ORDER BY ordresouscat") or die("Erreur SQL2 !"); 
while($data2 = mysql_fetch_array($req2)) {
$lien=$data2['souscat'];
 
echo '»<a href="javascript:visuel(\''.$nc.'\');">'.$lien.'</a><br />';
<div id="divid'.$nc.'" style="display:none;">- '.$descrip.' <br /></div>
}
$nc++;

je voudrais que tous les liens s'affiche les un en dessous des autres (ca la requete s'en charge), et pouvoir afficher la description sous le lien en clinquant sur le lien correspondant , mais que les autres descriptions soient masquée. que l'on puisse voir toujours uniquement une seule description à la fois.

Je sais pas si je me suis fait bien comprendre.
Si quelqu'un peut me donner un coup de main c'est pas de refus.

**Bovino** · 20/11/2008, 14h17

Ce sont mes yeux ou tu donnes le même id à plusieurs div ???

**Cornholio** · 20/11/2008, 14h22

En effet, il faut que dans ta boucle tu génères un id unique pour chaque div.

exemple :

Code :

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

1
2
3
4
5
6
7
8
 
$i = 0;
while($data2 = mysql_fetch_array($req2)) {
     $lien=$data2['souscat'];
     $i++;
     echo '<a href="javascript:visuel(\'divid'.$i.'\');">'.$lien.'</a><br />';
     echo '<div id="divid'.$i.'" style="display:none;">- '.$descrip.' <br /></div>';
}

**spawns** · 20/11/2008, 14h23

Non,
mais comment faire pour donner des id differents ?

**spawns** · 20/11/2008, 14h26

Ahhh
Ok j'ai pigé

je rajoute un petit compteur mais cela ne fonctionne pas plus car lorsque j'ouvre une description ca ne masque pas les autres.

J'ai modifié le code... pour le compteur