Discussion :

[katchi]

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
}

[SpaceFrog]

n'utilise pas du innerHTML mais plutot avec DOM ...

un tableau à un tbody ... append dans le tbody...

[dingoth]

S'il te plaît, édite ton message et mes les parties de code entre balises [code]mon code[/code], cela donnera ceci :

Code :

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

mon code

[katchi]

Merci pour ta réponse SpaceFrog et désolé pour le code mal affiché dingoth.

Pourrais-tu être un peu plus spécifique SpaceFrog, qu'entends-tu par un append dans le tbody? J'ai cherché de la doc mais je suis pas trés avancé et je commence à craquer un peu (genre je prend mon pc pour materazzi)...

Merci en tout cas pour ton aide

[SpaceFrog]

oublie le innerHTML et tourne toi plutot vers le DOM...