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 !!
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 !!
Je viens de trouver
mais ça ne fonctionne pas...
Code : Sélectionner tout - Visualiser dans une fenêtre à part rowIndex / sectionRowIndex
J'avais aussi pensé a un truc du genre
mais je ne sais pas si ça existe...
Code : Sélectionner tout - Visualiser dans une fenêtre à part currentRow()
Quelqu'un aurait-il une idée ??
est-ce que
va suprimer la ligne qui a l'id : 'tr'+(i-1) ???
Code : Sélectionner tout - Visualiser dans une fenêtre à part deleteRow(document.getElementById('tr'+(i-1)).rowIndex)
Je vient de tester... aucun résultat...
J'vais faire un tour dans mes bouquins !
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...
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...
l'icone est dans la ligne ???
tu as le code html d'une ligne que je puisse voir la structure ?
Avec l'icône je veut suprimer c'est deux lignes.
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>
Code : Sélectionner tout - Visualiser dans une fenêtre à part onclick="this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode)"
Avec un parentNode de moins dans la parenthèse, non ?
A+
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 :
donc faut que je mette ce code dans ma fonction suppression() ?? ou je peut le mettre avant l'appel de ma fonction suppression ??
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);
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);
Impeccable ça marche nickel !!
Merci a vous !!!
code final :
A la prochaine !!
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);
C 'est ptet pas fini on dirait !! Je vérifie mais je crois qu'il y a un problème !!
tu pourrais aussi le gérer dans la fonction en passant this en paramètre ...
le code en sera un peu mois volumineux
c'est bien ce que je redoutais...il me reste :
Comment je peut modifier ce que tu ma donner pour supprimer cette ligne aussi ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part <tr style="display: none;" id="ligne1"><td colspan="10"><textarea></textarea></td></tr>
Sachant qu'elle est caché...
oui je pense que je vais passer en paramètre ça sera mieux !!
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
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 ??
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager