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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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> &nbsp </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
}