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

Event handlers

COOLjsTree Professional allows you to capture tree events. Try to move your mouse over different elements of the tree. Also click button, icon, and caption to see which events will be fired.


Following events are supported:

  • onclick;
  • onmouseover;
  • onmouseout.

These events can be applied to the following elements:

  • caption;
  • button;
  • image.

E.g. to capture onmouseover event of the caption, do the following:

var tree1 = new COOLjsTreePRO(...);
tree1.caption_onmouseover = function (node) {
    // your event handler
}

There is a limitation: all event handlers must be installed before the init() call.