JavaScript.CoolDev.Com is home of the best JavaScript drop down menu, JavaScript tree and outlook bar
JavaScript.CoolDev.Com is home of the best JavaScript drop down menu, JavaScript tree and outlook bar
JavaScript.CoolDev.Com is home of the best JavaScript drop down menu, JavaScript tree and outlook bar
COOLjsTree Samples

Standard:

customizable images
unlimited levels
arbitrary content
per-level styles
runtime control
collapsible forms
sample navigation
sample site map
yet another sample

Professional:

SuperDemo!
relative positioning
advanced images
Explorer-style mode
large images
selected node (1)
selected node (2)
persistent state
text wrapping
dynamics
individual node properties
advanced styles
event handlers

COOLjsTree - JavaScript tree: order now!

Rate It!

If you like COOLjsTree
vote for it!

ScriptSearch.com

HotScripts.com

CSS Styles

COOLjsTree and COOLjsTree Professional allow you to have different CSS styles for each level. To specify style you can use following code:

var TREE1_FORMAT = [
    ...
//10. default style for all nodes
    "clsNode",
//11. styles for each level of tree
//(default style will be used for undefined levels)
    [
        "clsNodeLevel1",
        "clsNodeLevel2",
        "clsNodeLevel3",
        "clsNodeLevel4"
    ],
    ...

For level 1 style "clsNodeLevel1" will be used, for level 2 - "clsNodeLevel2", etc. For all other levels implicity will be used style "clsNode".