recuperer des id en fonctions d'une liste [Résolu]

[doud180878]

Bonjour ,

Je dois récupérer l'id de chaque ligne pour pouvoir la supprimer ou la modifier en jquery dans une boite de dialogue

Exemple :

J'ai une liste de contact avec des id en input cache que je récupére en cliquant sur le bouton modifier.

Le premier soucis c'est que je récupère à chaque fois le premier id quel que soit le bouton sur lequel je clique.

Code :

1
2
3
4
5
6
7
8
9
10
<tr id="ligne">
				<td style="width: 150px;">{liste.groupe}</td>
				<td>{liste.email}</td>
				<td style="width: 200px;">
				<a href="javascript:actionModifier('id_contact', '{liste.id}', 'modification')" class="btn_modifier"></a>
				<input type="hidden" id="id_client" name="id_client" value="{liste.id}" />
				<img src="/design/separation-fiche.png" width="2" height="27" alt="" />
				<a href="#" onclick="supprimer({liste.id})" class="btn_supprimer"></a>
				</td>
			</tr>

les requetes ajax :

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
 
$( "#modif-form" ).dialog({
 
		autoOpen: false,
		show: "slide",
		height: 520,
		width: 400,
		modal: true,
		buttons: {
			"Modifier le compte": function() {
				var id_client = $("#id_client").val();
				alert(id_client);
 
				//appel de la création d'un contact
				$.ajax({
				 type: "POST",
				 url: "/modules/emails.php",
				 data: $("#dialog-form form" ).serialize(),
				 success: function(data){
				    // alert(data);
				     info_good("Votre nouveau contact a bien été crée");
					window.setTimeout("window.location.reload()",1000);
				   }
 
 
				});
 
							$( this ).dialog( "close" );
 
 
			/*	}*/
								},
				Annuler: function()
				 {
						$( this ).dialog( "close" );
				 }
 
 
 
				},
		close: function()
		 {
			allFields.val( "" ).removeClass( "ui-state-error" );
		 }
 
 
 
 
});
 
	// bouton de modification
	$( ".btn_modifier" )
		.button()
		.click(function() {
		 var id_client = $("#id_client").val();
		alert(id_client)
			$( "#modif-form" ).dialog( "open" );
 
			return false;
		});

et ensuite je ne vois pas comment faire pour la traiter dans mon formulaire de modification

Merci

[Bovino]

Je dois récupérer l'id de chaque ligne

Code html :

<tr id="ligne">

je récupère à chaque fois le premier id quel que soit le bouton sur lequel je clique.

Laisse-moi deviner... Toutes tes lignes ont le même id ?

[doud180878]

Eh bien non justement les id n'ont pas le même "id"

et quand je clique sur mon bouton n'importe lequel j'ai en alert "16479" comme exemple et pour toutes...

[doud180878]

Alors ca avance j'ai trouver un façon de récupérer l'id de mes contacts quand je clique sur le bouton modifier.

Code :

1
2
3
4
5
6
7
 
$('a.btn_modifier').click(function(e) { // quand on clique sur un lien supprimer
		e.preventDefault(); // annule l'effet du lien pour pas recharger la page
		var id = $(this).attr("rel"); // on recupere l'id de l'element a supprimer (qui est dans l'attribut rel du lien)
		alert(id),
			$( "#modif-form" ).dialog( "open" );
	});

Quand je clique j'ai bien une alert avec le bon numéro correspondant maintenant il faut que je récupère les données et les mettre dans mon formulaire.

[SpaceFrog]

un id ne doit jamais être uniquement numérique, ni même commencer pas du numérique ...

[doud180878]

Ok merci rectifier

[doud180878]

On continue a avancer c'est pas grand mais tout de même :

Voici mon nouveau 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
// bouton pour modifier le contact
 $('a.btn_modifier').click(function(e)
 {
  		e.preventDefault(); //desactive la réactualisation
		var id = $(this).attr("id"); //recupere l'id du contact
		//alert(id);
		$.ajax
					({
					 type: "POST",
					 url: url,
					 data: "modif=" + id,
					 success: function(data){
 
					   }
			     });
 
 
			$( "#modif-form" ).dialog
			({
 
				show: "slide",
				hide: "explode",
				height: 520,
				width: 400,
				modal: true,
 
 
 
				buttons: {
				"Modifier le compte": function() {
 
					//alert(id),
 
 
 
 
						$( this ).dialog( "close" );
 
					},
					Annuler: function()
					 {
						$( this ).dialog( "close" );
					 }
					},
				close: function()
				 {
					allFields.val( "" ).removeClass( "ui-state-error" );
				 }
 
			});
return false;
 
});

Il est beaucoup plus simple qu'avant car je veux l'adapter a toutes les pages

quand je clique su rle bouton modifier je me connecte a ma base de donnée pour faire passer l'id du contact plus la session courante en fichier cachée et je luis demande de me l'afficher.

Le soucis c'est quand je regarde le code dans la console que le serveur me renvoie j'ai bien les valeurs des champs mais pas rien n'apparait dans le formulaire.

est ce que quelqu'un aurait une idée..

Merci

[flyingfr53]

bonjour,

tu n'as pas besoin de donner d'id à tes lignes tu peux recuperer leur n° par

Code :

1
2
 
 ligne=$(this).parent().parent().children().index($(this).parent());

ensuite tu récupères la valeur de n'importe quel champ de ta table par

exemple pour récupérer la première colonne ( 0 )

Code :

1
2
 
valeur_colonne0_ligne = $("#matable tbody>tr:eq("+ligne+")>td:eq(0)").text();

ça simplifie le code ! plus besoin d'id

[doud180878]

Un grand merci à tous.

Optimisation, Optimisation, c'est vrai que comme ça en récupérant leur n° c'est nikel.

Merci flyingfr53.

Pour le récupération de l'id lors de l'affichage et la modification, il m'a juste suffit de mettre en fichier caché, les données et les récupérer par la suite.