DHTMLX Docs & Samples Explorer

Initialization from xml

You can place this JavaScript tree menu anywhere on your web page, attaching the tree to any object.
Set up tree parameters to determine the appearance of the tree. Specify whether the tree items will be loaded dynamically from XML. dhtmlxTree uses AJAX for fast and flexible data loading.

 
Source
<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxtree.css">
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxtree.js"></script>
 
 
<table>
    <tr>
        <td>
            <div id="treeboxbox_tree" style="width:250px; height:218px;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"/>
        </td>
        <td rowspan="2" style="padding-left:25" valign="top">
    
        </td>
    </tr>
    <tr>
        <td>&nbsp;</td>
    </tr>
</table>
<script>
tree = new dhtmlXTreeObject("treeboxbox_tree", "100%", "100%", 0);
tree.setSkin('dhx_skyblue');
tree.setImagePath("../../codebase/imgs/csh_bluebooks/");
tree.loadXML("../common/tree3.xml");
</script>