Sample: dhtmlxTree Easy skinable design dhtmlxTree main page
X

dhtmlxTree is highly customizable JavaScript tree menu. Choose one of four tree designs to see how easily the tree appearance can be changed.


Set design 1
Set design 2
Set design 3
Set design 4
 
<div id="treeboxbox_tree" style="width:200;height:200"></div>
<script>
 
            tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
            tree.setImagePath("../images/");
            tree.loadXML("tree.xml");
 
                // enable/disable tree lines
                tree.enableTreeLines(false);
                // set plus images
                tree.setImageArrays("plus","","","","open2.gif");
                //set minus images
                tree.setImageArrays("minus","","","","close2.gif");
                //set default node images
                tree.setStdImages("books.gif","books_open.gif","books_close.gif");
</script>