Afficher/masquer un div

Bonjour à tous,

J'ai donc trouvé une fonction qui me permet d'afficher/masquer un Div en cliquant sur le + ou - .

Cependant, je l'implémente dans mon code mais le résultat des requêtes n'est pas du tout celui attendu.

En pratique, j'ai une liste de biker avec nom, prénom.
Quand je clique sur le + il doit m'afficher le nom des rando auxquelles il a participés.

Voici mon résultat: J'ai 50 biker et quand je clique sur le premier il m'affiche une seule rando alors qu'il doit y en avoir 2 pour celui-ci.

Quand je clique sur le 2ème et ainsi de suite, il se limite à afficher le résultat uniquement dans la première ligne et ce n'est pas la bonne rando qui est affichée.

Pourriez-vous m'aider à solutionner ce problème svp ?

Merci.

Voici mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="SHORTCUT ICON" href="http://www.gghf.be/images/favico.gif">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<script type="text/javascript">
function toggle_div(bouton, id) { // On déclare la fonction toggle_div qui prend en param le bouton et un id
  var div = document.getElementById(id); // On récupère le div ciblé grâce à l'id
  if(div.style.display=="none") { // Si le div est masqué...
    div.style.display = "block"; // ... on l'affiche...
    bouton.innerHTML = "-"; // ... et on change le contenu du bouton.
  } else { // S'il est visible...
    div.style.display = "none"; // ... on le masque...
    bouton.innerHTML = "+"; // ... et on change le contenu du bouton.
  }
}
</script> 
 
</head>
 
 
<body>
 
<form method="post" action="eid.php">
<input type="submit" value="Retour" style="background-color: #0CF" />
</form>
<p></p>
 
<font face="arial">R&eacute;sultat de la recherche:<font>
<p></p>
 
<table style="width:50%" border="2" cellspacing="0" cellpadding="0">
<tr>
<td width="80px">
</td>
<td width="80px">
Nom
</td>
<td width="80px">
Pr&eacute;nom
</td>
<td width="200px">
Localit&eacute;
</td>
<td width="80px">
Nbr rando
</td>
</tr>
 
 
<?php
// on se connecte Ã* MySQL
$db = mysql_connect('localhost', 'blabla', 'blabla');
 
 
// on sÃ©lectionne la base
mysql_select_db('test',$db);
 
// on crÃ©e la requÃªte SQL
$sql = "select rando, id, nom, prenom, postal, sid, count(id) from (select rando, id, nom, prenom, postal, sid from gghf_rando union select rando, id, nom, prenom, postal, sid from gghf_rando2) t group by id ";
 
 
// on envoie la requÃªte
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
 
 
while($data = mysql_fetch_assoc($req))
    { ?>
 
 
 
<tr>
	<td width="30px">
	<button type="button" onclick="toggle_div(this,'detail');">+</button>
	<div id="detail" style="display:none;">
	<?php echo $data['rando']; ?>
	</div>
	</td>
 
    <td width="80px">
	<?php echo $data['nom']; ?>
	</td>
 
	<td width="80px">
    <?php echo $data['prenom']; ?>
    </td>
 
	<td width="200px"> 
    <?php echo $data['postal']; ?>
    </td>
 
  	<td width="80px">
    <?php echo $data['count(id)']; ?>
	</td>
 
</tr>
 
<?php } 
// on ferme la connexion Ã* mysql
mysql_close();
?>
 
</table>
<p></p>
<form method="post" action="eid.php">
<input type="submit" value="Retour" style="background-color: #0CF" />
</form>
<p></p>
</body>
</html>

Je viens de trouver la solution pour faire apparaitre les données concernant chaque biker et non plus dans la première ligne.

Par contre dès qu'il y a plus d'une rando il m'en affiche toujours qu'une seule.

Que faire ?

Par contre je ne sais pas si je suis dans la bonne section du forum...

Voici mon code corrigé:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 while($data = mysql_fetch_assoc($req)) { ?> <tr> <td width="30px"> <button type="button" onclick="toggle_div(this,'<?php echo $data["id"]; ?>');">+</button> <div id="<?php echo $data['id']; ?>" style="display:none;"> <?php echo $data['rando']; ?> </div> </td> <td width="80px"> <?php echo $data['nom']; ?> </td> <td width="80px"> <?php echo $data['prenom']; ?> </td> <td width="200px"> <?php echo $data['postal']; ?> </td> <td width="80px"> <?php echo $data['count(id)']; ?> </td> </tr> <?php } // on ferme la connexion Ã* mysql mysql_close(); ?>

Tu as vérifié que ta requête marchait toute seule dans ton sgbd ?