Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1739 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Ajouter une ligne à un tableau en javascript

 

 

 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Ajouter une ligne à un tableau en javascript

n°1812936
zezette
"Allez hop, au revoir"
Posté le 17-11-2008 à 11:23:40  profilanswer
 

Bonsoir à tous,
 
Cette fois, je veux ajouter une ligne à un tableau. J'arrive à rajouter une ligne à la fin, mais pas à un endroit précis (avant le dernier tr (dont l'ID est derniertr)...
 
Mon code (j'ai précédemment créé une variable letr qui contient mon tr) :
 

Code :
  1. //Ca ça marche, mais ça insère après le derniertr
  2. document.getElementById('derniertr').parentNode.appendChild(letr);
  3. //Mais ça ça marche pas...
  4. //document.getElementById('derniertr').parentNode.insertBefore(document.getElementById('derniertr'),letr);


Message édité par zezette le 17-11-2008 à 11:24:44

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
mood
Publicité
Posté le 17-11-2008 à 11:23:40  profilanswer
 

n°1812944
FlorentG
Posté le 17-11-2008 à 11:36:52  profilanswer
 

Dans insertBefore, c'est d'abord le nouveau <tr>, et ensuite l'existant

n°1812947
zezette
&#034;Allez hop, au revoir&#034;
Posté le 17-11-2008 à 11:41:00  profilanswer
 

hé hé en effet :$
 
merci ;)


---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
n°1817122
zezette
&#034;Allez hop, au revoir&#034;
Posté le 26-11-2008 à 15:52:11  profilanswer
 

Et est-ce qu'il existe une focntion qui ferait "insertAfter" ?


---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
n°1817138
tpierron
Posté le 26-11-2008 à 16:05:24  profilanswer
 

Non, ça n'existe pas insertAfter. Mais sinon dans l'API DOM, tu as la fonction insertRow(index) (méthode de table, tbody ou thead). index commence à 0, -1 pour la dernière.
 
Sinon, tu as cette page comme référence pour savoir quelles sont les méthodes associés à tous les objets HTML :
http://www.w3.org/TR/DOM-Level-2-H [...] tions.html

n°1817143
gatsu35
Blablaté par Harko
Posté le 26-11-2008 à 16:08:40  profilanswer
 

sinon on peut en coder une qui servira pour plus tard, mais il faut suivre tpierron dans sa réponse.
 

Code :
  1. function insertAfter(nodeParent, nodeToInsert, referenceNode) {
  2. if(referenceNode.nextSibling) //si le noeud de reference a un noeud frere suivant on peut utiliser le insertBefore par rapport à ce noeud suivant
  3.  nodeParent.insertBefore(nodeToInsert, referenceNode.nextSibling);
  4. else //dans le cas contraire le noeud qu'on veut ajouter ira directement à la fin du nodeParent, donc un appendChild est utilise
  5.  nodeParent.appendChild(nodeToInsert)
  6. }

n°1817286
zezette
&#034;Allez hop, au revoir&#034;
Posté le 26-11-2008 à 19:53:43  profilanswer
 

Je connaissais pas nextSibling... J'ai appris un truc ;)
 
Merci bcp ;)


---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Ajouter une ligne à un tableau en javascript

 

Sujets relatifs
[HTML/CSS/Javascript] Viso conférence[Javascript] - IE6 : Impossible d'activer le contrôle
Problème courant du tableau 2Dpointeur sur un tableau ? est-ce faisable ?
tri d'un tableauSupprimer une ligne d'un tableau en javascript
Petite loupe dans case d'un tableau no javascript[Javascript] Ajouter une ligne a un tableau
Plus de sujets relatifs à : Ajouter une ligne à un tableau en javascript


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR