Bonjour à tous,

J'ai un fichier js qui me créer un arbre en fonction d'un fichier JSON et qui me retourne le résultat de cet arbre sous forme html, de ce style.
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
<ul id="arbre" class="filetree treeview-black">
	     <li>Couches
	        <ul>
		   <li>
		       <span>Fond de plan</span>
			<ul>
			    <li>franceRaster</li>
			</ul>
		   </li>
		   <li>
		     <span>Cours d'eau</span>
		        <ul>
			    <li>Cours d'eau</li>
			</ul>
		   </li>.....
Mon fichier js renvoie le résultat de cette façon la :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
function initJson(){
 
	$.getJSON("../js/couchesJSON.json", function(json){
		strMakeTree = makeTree(json);
		//Ciblage du paragraphe
		var treeNode = document.getElementById("tree");
		if (treeNode) {
			treeNode.innerHTML = strMakeTree;
		}
	});	
 
}
Et de l'autre coté j'ai une page jsp avec un div qui a id="tree".
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
	<div id="tree" class="content" style="overflow: auto; height: 179px;">
 
	</div>
Mais le soucis c'est que mon code css n'est pas appliqué à mon arbre alors que si je colle le résultat html que me renvoie mon js en dur directement dans la jsp mon arbre s'affiche correctement.

Merci de votre aide