Insertion dynamique d'une ligne de tableau

Insertion dynamique d'une ligne de tableau - HTML/CSS - Programmation

Marsh Posté le 16-06-2007 à 17:17:12    

Salut à tous !
 
J'arrive pô à trouver comment insérer un simple

Code :
  1. <tr>
  2. <td class="form"></td>
  3. <td class="form"></td>
  4. </tr>


dans un <div id="salut"></div>, dynamiquement avec un javascript...
La méthode du  

Code :
  1. document.getElementById("salut" ).innerHTML =+ "mon_bout_de_code";


ne semble pas marcher...
 
Help me ;)
Bonne journée


---------------
.:: Kmeleon ::.
Reply

Marsh Posté le 16-06-2007 à 17:17:12   

Reply

Marsh Posté le 16-06-2007 à 17:59:58    

te manque la balise <table>:

Code :
  1. <table>
  2. <tr>
  3. <td>...</td>
  4. </tr>
  5. </table>


;)


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 16-06-2007 à 18:03:26    

C'est gentil à toi de me faire espérer, en voyant "Réponses : 1", mais bon ... ^^ up ?


---------------
.:: Kmeleon ::.
Reply

Marsh Posté le 16-06-2007 à 20:00:37    

Bonjour,
ne faudrait-il pas écrire:

Code :
  1. document.getElementById("salut" ).innerHTML += "mon_bout_de_code";


(inversion du + et du = )
?

Reply

Marsh Posté le 17-06-2007 à 14:31:34    

Non. En fait (que ce soit avec "+" ou pas), ça m'affiche le bout de code avant le tableau, et sans les balises <tr><td></td></tr>... je comprends plus rien...


---------------
.:: Kmeleon ::.
Reply

Marsh Posté le 18-06-2007 à 18:30:12    

Merci, je vais essayer ça :)


---------------
.:: Kmeleon ::.
Reply

Marsh Posté le 18-06-2007 à 18:50:26    

Juste une question, je fais comment pour appliquer une class à mon <td> ? Par exemple:

Code :
  1. <td class="mon_style">


 
Edit: Et ma ligne s'insère à la fin du tableau, alors que je voudrai qu'elle s'insère entre deux lignes de celui-ci... comment faire ?

Message cité 1 fois
Message édité par kmeleon1 le 18-06-2007 à 18:55:32

---------------
.:: Kmeleon ::.
Reply

Marsh Posté le 19-06-2007 à 10:27:54    

Ben là il faut donner un id a chaque ligne, recuperer la ligne ou tu veux inserer ta nouvelle ligne et l'inserer dans l'arbre...
après faut savoir de quelle manière tu vas gerer les id pour chacune de tes lignes...est-ce que tu risque ensuite d'ajouter de nouvelles lignes ???
comment sais tu a quel endroit tu dois ajouter une ligne ?

Reply

Marsh Posté le 19-06-2007 à 10:43:57    

Halike a écrit :

(inversion du + et du = )?


+1

 

oui et non ...

 

Pourquoi pas, mais à ce moment là, autant utiliser les fonctions DOM qui sont faites pour ça plutot que tout refaire à la main, voir: http://developer.mozilla.org/en/do [...] .insertRow

kmeleon1 a écrit :

Juste une question, je fais comment pour appliquer une class à mon <td> ? Par exemple:

Code :
  1. <td class="mon_style">




voir la propriété classname d'un element dom: http://developer.mozilla.org/en/do [...] .className

fabrice91 a écrit :

Ben là il faut donner un id a chaque ligne, recuperer la ligne ou tu veux inserer ta nouvelle ligne et l'inserer dans l'arbre...
après faut savoir de quelle manière tu vas gerer les id pour chacune de tes lignes...est-ce que tu risque ensuite d'ajouter de nouvelles lignes ???
comment sais tu a quel endroit tu dois ajouter une ligne ?


Ou alors apprendre à se servir de la fonction insertBefore

Message cité 1 fois
Message édité par anapajari le 19-06-2007 à 10:44:09
Reply

Marsh Posté le 19-06-2007 à 11:00:29    

anapajari a écrit :

Ou alors apprendre à se servir de la fonction insertBefore


N'empeche qu'il faut d'abord retrouver le bon noeud pour y appliquer insertBefore, donc il faut bien identifier individuellement chaque ligne avant de pouvoir y insérer quoi que ce soit...

Reply

Marsh Posté le 19-06-2007 à 11:00:29   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed