Discussion :

[SweetLeaf]

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 !!

[SweetLeaf]

Je viens de trouver

Code :

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

rowIndex / sectionRowIndex

mais ça ne fonctionne pas...

J'avais aussi pensé a un truc du genre

Code :

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

currentRow()

mais je ne sais pas si ça existe...
Quelqu'un aurait-il une idée ??

[SweetLeaf]

est-ce que

Code :

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

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

va suprimer la ligne qui a l'id : 'tr'+(i-1) ???

[SweetLeaf]

Je vient de tester... aucun résultat...
J'vais faire un tour dans mes bouquins !

[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...

[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...

[SpaceFrog]

l'icone est dans la ligne ???

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

[SweetLeaf]

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
 
<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.

[SpaceFrog]

Code :

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

onclick="this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode)"

[E.Bzz]

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

A+

[SpaceFrog]

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

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

[SweetLeaf]

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

Code :

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

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 ??

[SpaceFrog]

Code :

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

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);

[SweetLeaf]

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

code final :

Code :

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

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 !!

[SweetLeaf]

C 'est ptet pas fini on dirait !! Je vérifie mais je crois qu'il y a un problème !!

[SpaceFrog]

tu pourrais aussi le gérer dans la fonction en passant this en paramètre ...
le code en sera un peu mois volumineux

[SweetLeaf]

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

Code :

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

<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 !!

[E.Bzz]

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+

[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

[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 ??