[AJAX] Récupération de value d'un id

Version imprimable

bonjour

J'ai un tableau de restitution sur lequel je voudrais en cliquant sur une des données du tableau avoir le détail
Exemple :

region site nbagents
7 1 10
7 2 25
7 3 30

Je veux cliquez sur le 2 et avoir la liste des 25 agents
j'ai mis des alerts dans mon js pour voir s'il récupère bien les valeurs mais ça ne fonctionne que pour la première ligne de mon tableau.
Merci pour votre aide

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
<tbody>
<?php
for($i=0;$i<count($um);$i++)
{ ?>
<tr>
	<td id=""><?php echo $um[$i]['eff1_um'];?></td>
	<td  >
	<a href="#" id="detaildum" onclick="document.getElementById('detaildum').value='<?php echo $um[$i]['eff1_dum'];?>'" > <?php echo $um[$i]['str_dumlib'];?> </a>
	</td>
	<?php
	for($x=0;$x<count($mois);$x++)
	{
	for($j=0;$j<count($adm);$j++)
	{
		if($adm[$j]['eff1_moisnum']==$mois[$x]['mois_num'] AND $adm[$j]['eff1_dum']==$um[$i]['eff1_dum'])
			{ ?>
		<td id=""><?php echo number_format($adm[$j]['nb'],2); ?></td>
								<?php
			}
			}
			} ?>
</tr>
					<?php
					}
					?>		
</tbody>

et j'essaye de récupérer la valeur de mon id dans la fonction ci après

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
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
 
    $("#detaildum").click(
            function(){
	var dum=$('#detaildum').val();
            var etat=$('#D_detailum').val();
	var ets=$('#h4').val();
	alert(dum);
	alert(etat);
	alert(ets);
 
 
                $("#D_detailum").hide();
                $("#loader").show();
	   $("#D_detaildum").load("_source/GET_effDUM.php?etat="+etat+"&dum="+dum+"&ets="+ets),
 
                    function(){
                     $("#loader").hide();
                     $("#select1").change(function(){
	        $("#loader").show();
                     $("#D_detaildum").load("_source/GET_effDUM.php?etat="+etat+"&dum="+dum+"&ets="+ets);
                     $("#loader").hide();
														});
							}});
 
            });
 </script>

Déjà gros problème tu poses un id detaildum dans une boucle for, c'est pas bon ca, l'id d'un élément doit être unique dans ta page.
En plus si tu souhaites juste afficher des données qui ne sont pas présentes dans ta page, plutôt que de faire des $().val(); tu as meilleurs temps de construire ton appel directement dans le onclick de ton lien, ça t'évite de manipuler le DOM pour rien.

avec tes paramètres posés directement dans le onclick :
Code:

1 2 3 4 for(...) { echo '<a .... onclick="showDetail(\'' + $array['etat'] + '\', \'' + $array['dum'] + '\', \'' + $array['ets'] + '\');" ..>..</a> }
Et ta fonction JS qui fait l'appel :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function showDetail(etat, dum, ets) { $("#D_detaildum").load("_source/GET_effDUM.php? etat="+etat+"&dum="+dum+"&ets="+ets), function(){ $("#loader").hide(); $("#select1").change(function(){ $("#loader").show(); $("#D_detaildum").load("_source/GET_effDUM.php?etat="+etat+"&dum="+dum+"&ets="+ets); $("#loader").hide(); }); }}); }); }
Je te la fais rapidement, mais en gros c'est l'esprit

28/12/2012, 16h34
sdamart

Puis-je vous suggérer d'utiliser un moteur de template afin de scinder structure / traitement ?
Sa vous permettrait de ne pas vous y perdre entre le PHP et l'HTML8O