DHTML Tree samples. dhtmlXTree - Initialize object on page
Initialize object on page
.defaultTreeTable{
margin : 0;
padding : 0;
border : 0;
}
.containerTableStyle { overflow : auto;}
.standartTreeRow{ font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; -moz-user-select: none; }
.selectedTreeRow{ background-color : navy; color:white; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; -moz-user-select: none; }
.standartTreeImage{ width:18px; height:18px; overflow:hidden; border:0; padding:0; margin:0; }
.hiddenRow { width:1px; overflow:hidden; }
.dragSpanDiv{ font-size : 12px; border: thin solid 1 1 1 1; }
<br/><div id="treeboxbox_tree" style="width:200;height:200"></div><br/><script><br/> tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);<br/> tree.setImagePath("treeImgs/");<br/> tree.loadXML("treeImgs/tree3.xml")<br/></script><br/>
Parameters passed to the constructor are:
object to attach tree to (should be loaded before calling constructor)
width of the tree
height of the tree
identifier of level parent to tree root level
Specify Additional parameters of the tree:
setImagePath(url) - method specifies the path to the folder with tree icons
loadXML("tree.xml") - load tree items from XML
fancyTree.zip( 110 k)