Supprimer la ligne courante d'un tableau

Version imprimable

Voir 40 message(s) de cette discussion en une page

31/07/2008, 09h21
SweetLeaf

Supprimer la ligne courante d'un tableau

Bonjour !
J'aimerais savoir si il existe un moyen de récupéré le numéro de la ligne d'un tableau pour la supprimer a l'aide de deleteRow() ??
Merci d'avance !!
31/07/2008, 09h42
SweetLeaf

Je viens de trouver

Code:

rowIndex / sectionRowIndex

mais ça ne fonctionne pas...:(

J'avais aussi pensé a un truc du genre

Code:

currentRow()

mais je ne sais pas si ça existe...:?
Quelqu'un aurait-il une idée ??
31/07/2008, 09h54
SweetLeaf

est-ce que

Code:

deleteRow(document.getElementById('tr'+(i-1)).rowIndex)

va suprimer la ligne qui a l'id : 'tr'+(i-1) ???
31/07/2008, 10h04
SweetLeaf

Je vient de tester... aucun résultat...:cry:
J'vais faire un tour dans mes bouquins !
31/07/2008, 10h06
SpaceFrog

tu veux la supprimer sur quel evènement ? le click direct sur la ligne ? ou sur un bouton dans la ligne ... ?

si ou c'est super simple...
31/07/2008, 10h09
SweetLeaf

J'ai une petite icône avec un évènement onClick qui fait appel a une fonction dans laquelle je supprime la ligne mais je n'arrive pas a récupéré le numéro de la ligne sur laquelle je clique...
31/07/2008, 10h14
SpaceFrog

l'icone est dans la ligne ???

tu as le code html d'une ligne que je puisse voir la structure ?

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
 
<tr>
<td><img src="img/action_delete.png" id="del0"></td>
<td><textarea rows="2" cols="25" id="libelle0">Logiciel de Comptabilité APISOFT Expert Version PME 2/5 postes</textarea></td>
<td><img src="img/maximize.png" id="image0"></td>
<td><select id="type0" style="width: 100%;">
<option value="Logiciel">Logiciel</option>
<option value="Formation">Formation</option>
<option value="Option">Option</option>
<option value="Abonement">Abonement</option>
</select></td>
<td>
<input class="LiDevis" size="1" id="Qte0"></td>
<td><input class="LiDevis" size="5" id="PUHTB0" style="width: 100%;"></td>
<td><input class="LiDevis" size="2" id="RemArt0" style="width: 100%;"></td>
<td><input disabled="disabled" class="LiDevis" size="5" id="PUHTR0" style="width: 100%;"></td>
<td><input disabled="disabled" class="LiDevis" size="2" id="THT0" style="width: 100%;"></td>
<td><select id="TVA0">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select></td>
</tr>
<tr style="display: none;" id="ligne0">
<td colspan="10"><textarea></textarea></td></tr>

Avec l'icône je veut suprimer c'est deux lignes.

31/07/2008, 10h24
SpaceFrog

Code:

onclick="this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode)"
31/07/2008, 10h26
E.Bzz

Avec un parentNode de moins dans la parenthèse, non ?

A+
31/07/2008, 10h30
SpaceFrog

Exact, je pensais l'avoir supprimé ...

c'est chose faite ... !! code corrigé

ok merci le souci c que je crée ces ligne via DOM donc pour l'icône j'ai :
Code:

1 2 3 4 5 6 7 BaliseLigne.appendChild(BaliseCols); BaliseImageDel.id='del'+(i-1); BaliseImageDel.src = "img/action_delete.png"; BaliseImageDel.onclick = function() { suppression(BaliseImageDel.id.charAt(BaliseImageDel.id.length-1),tabArticle); } BaliseCols.appendChild(BaliseImageDel);
donc faut que je mette ce code dans ma fonction suppression() ?? ou je peut le mettre avant l'appel de ma fonction suppression ??

Code:

1
2
3
4
5
6
7
BaliseLigne.appendChild(BaliseCols);
          BaliseImageDel.id='del'+(i-1);
          BaliseImageDel.src = "img/action_delete.png";
          BaliseImageDel.onclick = function() {
 this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
          }
        BaliseCols.appendChild(BaliseImageDel);

Impeccable ça marche nickel !! :king:
Merci a vous !!!

code final :

Code:

1
2
3
4
5
6
7
8
BaliseLigne.appendChild(BaliseCols);
          BaliseImageDel.id='del'+(i-1);
          BaliseImageDel.src = "img/action_delete.png";
          BaliseImageDel.onclick = function() {
          this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
          suppression(BaliseImageDel.id.charAt(BaliseImageDel.id.length-1),tabArticle);
          }
        BaliseCols.appendChild(BaliseImageDel);

A la prochaine !! :mouarf:

31/07/2008, 10h36
SweetLeaf

C 'est ptet pas fini on dirait !! Je vérifie mais je crois qu'il y a un problème !!
31/07/2008, 10h36
SpaceFrog

tu pourrais aussi le gérer dans la fonction en passant this en paramètre ...
le code en sera un peu mois volumineux
31/07/2008, 10h39
SweetLeaf

c'est bien ce que je redoutais...il me reste :

Code:

<tr style="display: none;" id="ligne1"><td colspan="10"><textarea></textarea></td></tr>

Comment je peut modifier ce que tu ma donner pour supprimer cette ligne aussi ?
Sachant qu'elle est caché...:?

oui je pense que je vais passer en paramètre ça sera mieux !!
31/07/2008, 10h54
E.Bzz

Citation:

Envoyé par SweetLeaf

Comment je peut modifier ce que tu ma donner pour supprimer cette ligne aussi ?
Sachant qu'elle est caché...:?

oui je pense que je vais passer en paramètre ça sera mieux !!

Mais ça ne changera pas le problème de la dernière ligne : il faut ajouter à ta fonction un test : si le nombre de ligne = 1, tu forces la suppression de la dernière ...

A+
31/07/2008, 10h56
SpaceFrog

ou passe par un nommage rationnel avec les id ...

si tu supprime id_n supprimes aussi id_n+1
là il suffit de passer this.id en param à la fonction
31/07/2008, 10h58
SweetLeaf

ouai c'est une bonne idée !!! je test !!!

Mais il me semble que j'avais deja tester et ça me supprimer pas non plus la ligne caché.... ma la ligne non caché suivante !

Euh... avec l'id... j'utilise toujours removeChild ??

Voir 40 message(s) de cette discussion en une page