Discussion :

[ac/dc]

Bonjour, je souhaite avec javascript insérer du code entre les balises <tr> d'un tableau.
Avec innerHTML, ça fonctionne sous firefox mais pas sous ie, du fait que c'est pour insérer dans une div et non dans une autre balise je pense.

Faire comme ceci ne fonctionne pas non plus ...

Code :

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

<tr><div></div></tr>

Donc je ne vois pas comment maintenant .... merci

[htr999]

<tr> suivie de <td> non ?

[ac/dc]

Salut, oui forcément, mais en fait le nombre de <td> varie en fonction d'une action.
Exemple :

Action 1 :

Code :

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

1
2
3
4
5
 
<tr>
    <td></td>
    <td>Menu 1</td>
</tr>

Action 2:

Code :

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

1
2
3
4
5
6
7
 
<tr>
    <td></td>
    <td></td>
    <td></td>
    <td>Menu 1</td>
</tr>

Donc voila, c'est les balises <td> qui varie, mais comment faire varier ces balises, car je trouve pas comment injecter de code entre les balises <tr> dynamiquement via js. Peut être avec DOM, mais je sais pas du tout ....

[htr999]

salut
essaie d'ajouter les <tbody></tbody> entre tes <table></table> et je pense que ça devrait marcher pour innerHTML ainsi que appendChild ...

[ac/dc]

MMmmmm .... je vois pas trop ....
En fait pour le moment j'ai ça :

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
<table>
    <tr id = "menu">
        <td>Menu 1</td>
        <td>Menu 2</td>
        <td>Menu 3</td>
    </tr>

    <tr id = "sous_menu">
        <td></td>
        <td>Sous Menu 1</td>
        <td>Sous Menu 2</td>
        <td>Sous Menu 3</td>
    </tr>
</table>

Donc avec javascript j'essaie d'injecter mon code avec getElementById("sous_menu") entre mon <tr></tr> (code en bleu).

Si je mets <tbody>, ça change quoi ?

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
 
<table>
  <tbody>
    <tr id = "menu">
        <td>Menu 1</td>
        <td>Menu 2</td>
        <td>Menu 3</td>
    </tr>
 
    <tr id = "sous_menu">
        <td></td>
        <td>Sous Menu 1</td>
        <td>Sous Menu 2</td>
        <td>Sous Menu 3</td>
    </tr>
  </tbody>
</table>

[ac/dc]

C'est bon j'ai trouvé comment faire, avec insertCell(), insertRow() ....