Gestion dynamique d'une table
Bonjour,
Je cherche à afficher dynamiquement des sous-catégories en cliquant sur des catégories. mon problème est que les lignes insérés ne vont pas dans le tableau mais en-dehors du tableau. Est-ce que quelqu'un pourrait m'expliquer pourquoi et comment je peux résoudre mon problème?
Merci beaucoup,
le code HTML/PHP:
Code:
1
2
3
4
5
6
7
| for ($i=0;$i<count($tabidCat);$i++){
//je compte le nombre de sous-categories
echo '<tr height=30><td><img src=\'./images/triangle_noir_on.gif\'><a href=\'#\' ';
echo ' onclick="affiche('.$tabidCat[$i].')" class=b >'.$tabCat[$i].'</a></td></tr>';
echo '<div id="Cat'.$tabidCat[$i].'"></div>';
//Dans ce div j'ajoute les lignes correspondant aux sous-catégories
} |
code Javascript:
Code:
1
2
3
4
5
6
7
8
9
10
| function affiche(idCategorie){
var form_d='';
var cat='Cat'+idCategorie;
//La variable cat sert a identifier le div correspondant a modifier
for (i=0;i<tabCan[idCategorie].length;i++){
form_d ="<tr><td>   </td><td class=c>+tabCan[idCategorie][i];
form_d += ' </td></tr>';
document.getElementById(cat).innerHTML += form_d;
//On insère la sous-catégorie dans la balise div
} |
