Créer dynamiquement le contenu d'une table HTML
Bonsoir à tous.
Oui, j'ai cherché ici et ailleurs. Et j'ai trouvé plein de réponses (en général à peu près les mêmes, d'ailleurs), mais je n'y arrive toujours pas, et je ne comprends pas pourquoi.
Voici le bout du code HTML de la page concerné par le problème :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| <div class="grand-container-d gros z1" id="lecompte">
<div class="en-tete"> </div>
<div class="interieur">
<table class="journal">
<thead>
<tr>
<th class='col3'><div>Compte</div></th>
<th class='col4'><div>N°</div></th>
<th class='col5'><div>Sous-compte</div></th>
</tr>
</thead>
<tbody id="Sous_Comptes">
</tbody>
</table>
</div> <!-- class 'interieur' -->
</div> <!-- class 'grand_conteneur' --> |
Et voici le code javascript qui devrait remplir le "tbody" :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
function SelC(Id,col)
{
var i,j,table,lien,cible,ventile,nc,nsc,l,v0,tsc;
tsc=document.getElementById("Sous_Comptes");
tsc.innerHTML="";
nsc=SComptes[v0];
for(i=0;i<nsc.length;i++)
{ // ajouter les appels de la fonction SelSC
l=tsc.insertRow(-1);
l.outerHTML="<tr id='L" + i + "' onClick='SelSC(" + i +",0)'></tr>";
nc=l.insertCell(0);
nc.innerHTML+=Comptes[v0]['Compte'];
nc=l.insertCell(1);
nc.innerHTML+= i;
nc=l.insertCell(2);
nc.innerHTML+=SComptes[v0][i];
alert(l.outerHTML);
}
} |
Bon, vous pouvez voir que ce qui n'est pas tout à fait classique, c'est que je veux ajouter des id= et onclick= dans mes <tr>.
Mon dernier "alert" me montre mes lignes avec les <td> tels que je les désire, mais les <tr> sont vides.
Quant au "Examiner l'élément" de Firefox, il ne me montre que les <tr>, avec leurs id et onclick, mais sans aucun <td>.
Et Firefox me montre un tbody vide !
Je fais certainement une grosse bourde quelque part, mais j'y ai passé l'après-midi sans rien comprendre.
Alors... à vot' bon cœur, m'sieurs-dames.
AMIcalement.
