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

Explorer-like trees


COOLjsTree Professional allows you to make your trees look like ones from Explorer:

var TREE2_FORMAT = [
    ...
// 14. draw explorer like tree ( identation will be ignored )
    true,
// 15. Set of explorer images (folder, openfolder, page, minus, minusbottom,
//    plus, plusbottom, line, join, joinbottom)
    [
        "img/folder.gif",
        "img/folderopen.gif",
        "img/page.gif",
        "img/minus.gif",
        "img/minusbottom.gif",
        "img/plus.gif",
        "img/plusbottom.gif",
        "img/line.gif",
        "img/join.gif",
        "img/joinbottom.gif"
    ],
// 16. Explorer images width/height
    [19,16],

You have to turn feature on (set field nr.14 to "true"), define images set (field nr.15), and specify size of images (field nr.16). Button images and folder/document images defined earlier will be ignored.

Here is the list of required images:

folder.gif folder.gif
folderopen.gif folderopen.gif
page.gif page.gif
minus.gif minus.gif
minusbottom.gif minusbottom.gif
plus.gif plus.gif
plusbottom.gif plusbottom.gif
line.gif line.gif
join.gif join.gif
joinbottom.gif joinbottom.gif