Discussion :

[Jim_Nastiq]

Bonjour à tous,

Je coince sur une problématique peu complexe (enfin je pense) sur le thème du tableau
Je souhaite proposer un tableau avec au bout de la derniere de ligne un bouton "Ajout" pour ajouter une ligne supplémentaire au tableau. Sur les autres lignes déjà existante je souhaite avoir un bouton de suppression de la ligne (cf. piece jointe).

Pour vous exposer mon problème voici un exemple simple. Tout d'abord mon code HTML:

Code html :

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

1
2
3
4
5
6
7
8
9
10
 
<TABLE id="myTable">
<TBODY>
<TR>
<TD>..</TD>
<TD>...</TD>
<TD><A style="DISPLAY: none" id="addBtn" href="#"><IMG title="Add" alt="Add" src="/Images/add.png"></A></TD>
</TR>
</TBODY>
</TABLE>

Puis le code JS:

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
 
$("#addBtn").click(function () {
        // pour ajouter une ligne
        $('#myTable tbody>tr:last #addBtn').hide();
        $('#myTable tbody>tr:last').clone(true).insertAfter('#myTable tbody>tr:last');
        $('#myTable tbody>tr:last #addBtn').show();
 
        //pour modifier la dernière cellule de l'avant dernière ligne en delete
        var beforeLastTr = $('#myTable tbody>tr:last').prev().get(0);
        var oldHref = $('#myTable tbody>tr:last #addBtn').get(0);
});

Vous pouvez voir que je tente via 2 selecteur de récupérer la dernière cellule de l'avant dernière ligne et je les affecte à 2 variables.
Ma variable beforeLastTr contient la ligne entière du tableau (tr) et je ne sais pas comment manipuler cette variable pour récupérer ma dernière cellule.
Ma variable oldHref récupère le lien que je crée MAIS sur la dernière ligne et non sur l'avant dernière.

Bref, les solutions ne m'offre pas ce que je souhaite. Et je constate que ma problèmatique est plus général à JQuery. Je sais comment utiliser mon selecteur et comment utiliser les méthodes associés mais je n'arrive pas à jongler avec correctement ...
comment réutiliser un object (par exemple beforeLastTr ) pour le "requeter" via un selecteur Jquery ??

J'espère avoir été clair

Merci par avance