Discussion :

[hamrouni wassim]

salut, j'ai réussi à afficher les donnes stockée dans la base de données dans un tableau en utilisant jquery , pour chaque ligne j'ai un bouton "MAJ", je veux que lorsque je clique sur le bouton "MAJ" la ligne correspondante dans la table sera mise à jour , je sais qu'il faut utiliser les sélecteurs mais j'ai pas compris quels sont les sélecteurs qu'il faut les utilisés.
merci d'avance.

résultat de l'affichage :

[Watilin]

Bonsoir,

un truc du genre $(this).closest("tr").children("td") appelé depuis la fonction .click que tu as attachée à tes boutons, ça devrait marcher. Au besoin rajoute :eq(x) dans le sélecteur (où x = 1, 2 ou 3) pour sélectionner les <td> au cas par cas.

Mais en connaissant la structure HTML du tableau, je pourrais mieux t'aider à trouver les bons sélecteurs à utiliser. Affiche la page dans Firefox, sélectionne tout le contenu du tableau et fais clic droit « Code source de la sélection ». Dans le code source qui s'affiche, copie uniquement le code qui correspond au tableau (sans les éventuels trucs autour) et colle-le ici en utilisant la balise [code] du forum.

[SpaceFrog]

passe par les data- dans lequel tu mets l'id de la ligne
et récupères le sur le click de ton bouton de façon relative

as tu ce code html d'une ligne ?

[hamrouni wassim]

merci , c'est le code html du tableau :

Code :

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

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
 out.println("<table id=tab border=1>");
          out.println("<tr>") ;
          out.println("<th>") ;            
          out.println("ID projet") ;
          out.println("</th>") ;
          out.println("<th>") ;    
          out.println("NOM projet") ;
          out.println("</th>") ;
          out.println("<th>") ;
          out.println("TYPE projet") ;
          out.println("</th>") ;
          out.println("<th>") ;
          out.println("MAJ") ;
          out.println("</th>") ;
          out.println("</tr>") ;
for (Projet p : projets) {
          out.println("<tr>") ;
          out.println("<td>");
          out.println (p.getId_p());
          out.println("</td>"); 
          out.println("<td>");
          out.println (p.getNom_p());
          out.println("</td>");
          out.println("<td>");
          out.println (p.getType_p());
          out.println("</td>");
          out.println("<td>");
          out.println ("<input type=button value=MAJ class=maj>");
          out.println("</td>");
          out.println("</tr>") ;  
 
       }
out.println("</table>");

[Watilin]

Tu as un début de code JavaScript ou pas du tout ?

[hamrouni wassim]

oui j'ai commencé par cette ligne :

Code :

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

1
2
 $("#tab td:eq(3)").click(function(){
});