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

Custom images for each node


COOLjsTree Professional allows you to define custom images for individual nodes. To assign some other image set to particular node, you have to modify nodes description file:

var type_doc1 = {
    "format":{
        "eimages":[
            "img/i_document.gif",
            "img/i_document.gif",
            "img/i_document.gif",
            "img/minus.gif",
            "img/minusbottom.gif",
            "img/plus.gif",
            "img/plusbottom.gif",
            "img/line.gif",
            "img/join.gif",
            "img/joinbottom.gif"
        ]
    }
};

...

var TREE1_NODES = [
    ...
    ['Picture.gif', null, null, type_doc1],
    ...
];

As you can see, this declaration replaces field nr.15 with new array of images for one node. For more details please refer to the documentation.