Discussion :

[totoche]

Bonjour,

Je tente d'ajouter une <LI>, mais son positionnement s'effectue au niveau supérieur:

code Html

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<ul id="dhtmlgoodies_tree2" class="dhtmlgoodies_tree">
<li id="node0" noDrag="true" noSiblings="true" noDelete="true" noRename="true"><a href="toto">Root node</a>		 
<ul>
    <li id="node1"><a href="#">Europe</a>
       <ul>
           <li id="node2" noDelete="true"><a href="#">Norway</a>
              <ul>
	     <li id="node3" noRename="true"><a href="#">Stavanger</a></li>
	     <li id="node6"><a href="#">Bergen</a></li>			 	     <li id="node7"><a href="#">Oslo</a></li>
	 </ul>
	</li>
	<li id="node8"><a href="#">United Kingdom</a>
....

.js

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
16
17
18
19
20
21
22
 
createItem : function(obj1,obj2)
		{
		var message = 'Ajouter un noeud sous :' + obj2.innerHTML + '\nidNode :' + obj2.parentNode.id +  '\nobj1 : ' + obj1.innerHTML;
		alert(message);
		 JSTreeObj = this;
                               var parentRef = obj2.parentNode;
                               var folderImg = document.createElement('IMG');
                               folderImg.src = this.imageFolder + this.sheetImage;
                               //Création du nouveau Noeud
                               var Nodenew = document.createElement('LI');
 
                               var newLink = document.createElement('a');
                                       newLink.setAttribute('href','removeChild.html');
                                               var linkText=document.createTextNode('TEST AJOUT');
                                               newLink.appendChild(linkText);
 
 
                               Nodenew.appendChild(folderImg);
                               Nodenew.appendChild(newLink);
                               parentRef.insertBefore(Nodenew);
         }

Le nouveau LI se positionne au niveau du <UL> auquel il appartient, j'ai joint les images pour mieux expliquer.

La source de cet exellent script :
http://www.dhtmlgoodies.com/