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

Advanced styles

COOLjsTree Professional can have rather advanced style configuration.

All of the following requires option #21 to be enabled:

//21. support bgcolor changing for selected node
    true,
//22. background color for non-selected and selected node
    ["white","#EEEEEE",
        ["selected1", "selected2", "selected3", "selected4"],
        ["opened1", "opened2", "opened3"]
    ],

Expanded nodes at different levels can have special CSS classes assigned. In the sample above root level nodes in expanded will have CSS class "opened1", second level nodes will be "opened2", etc.

Selected nodes at different levels also can have special CSS classes, and the above uses "selected1" for the root level, "selected2" for the second level, etc.