COOLjsTree: JavaScript Tree Menu

Click here to see JavaScript tree on-line demos!

Many sites use tree-like navigation menus in the design approach, BUT most of these tree controls reload all content of the page to expand/collapse levels. It is a very annoying thing. You can avoid it in your site with our javascript tree. COOLjsTree can expand/collapse unlimited levels of the tree without reload. The script does not require FRAME or IFRAME tag for work.

You can configure the tree through the CSS and setup individual items parameters in the javascript configuration file or you can use our On-line Tree Builder to setup tree structure. Samples Gallery and our documentation show you how much you can do with COOLjsTree and help to build your own tree menu. The script available in two editions: Standard and Professional. In most cases tree setup does not require javascript knowledge.

All of that is for FREE, and you can use it in commercial applications.

We accept: Also: wire transfers, checks, and more!

If you need more features, advanced support, or source code, you can purchase Professional edition for only $49. Additional licensing schemes are also available.

Features

Move mouse pointer over the features to see details.

Feature	Edition
Feature	Standard	Professional
Wide browser support COOLjsTree supports many browsers — actually all major platforms work just fine: Internet Explorer 4.01 and higher Netscape Navigator 4.08 and higher Netscape Navigator 6.0 and higher Moizlla 0.9 and higher Opera 5.02 and higher AOL 4 and higher Sun HotJava 3.0 and MS IE 3.0 are partially supported in Professional.
Multiple instances There can be several trees on a single page, and every tree can have completely separate format and/or structure. Samples: customizable images, relative positioning, Explorer-style mode, large images
Unlimited number of levels There is no limitation on how many levels can be defined. There can be as many child nodes on single level as needed. Professional version handles thousands of nodes without much of overhead. Samples: unlimited levels
Individual styles for levels Every level can have its own CSS style. Samples: per-level styles, large images
Almost any HTML code in nodes Every node can have arbitrary HTML code including IFRAMEs, forms, tables, images, etc. Samples: arbitrary content, collapsible forms, yet another sample, sample navigation
Run-time tree state control At run-time tree can be fully collapsed, expanded, its nodes can be toggled, selected (Professional only). Samples: runtime control
Cusomizable images Tree can have customized set of images for "plus" and "minus" buttons, folder/document icons. Either or both of these images can be turned off. Samples: customizable images, large images
Commercial use Standard and Professional editions can be used commercially, in any number of your own applications. Separate license can be purchased to allow redistribution of the script.
Relative positioning Relative positioning allow you to put the tree into container like <DIV> or <TD>. This means that tree will follow the flow of design: it can be centered, left or right aligned. Also, there is mode which allows to resize container, i.e. when user expands or collapses the tree, surrounding container will also expand or collapse (this feature is supported only in modern browsers like IE4+, NN6+, Opera 7+). Samples: relative positioning, large images
Text wrapping Tree nodes can contain many lines of text, and script will wrap them correctly. Samples: text wrapping
Dynamic API COOLjsTree Professional can be modified on the fly (at client's side) by calling its methods. You can add, modify, and remove nodes. Samples: dynamics
Per node image customization You can define separate set of images for individual nodes. I.e. one of the nodes can have special document icon, or larger button image. Samples: advanced images
Explorer-like mode Tree can be presented as connected set of nodes: Samples: Explorer-style mode, large images
Special style for selected node Selected (i.e. last clicked) node can have special CSS style and/or background color. Samples: selected node
State in cookies Tree can keep its state between pages. That means user will see tree with same expanded and selected nodes when he/she will go to another page with the same tree ("same" means tree with the same name with in same Internet domain). Samples: persistent state
Database support Tree can be populated from databse. Professional package includes samples for ASP, PHP, ColdFusion, Perl.
Non-DHTML browsers support Professional edition has limited support for Sun HotJava 3.0 and Microsoft Internet Explorer 3.0. "Limited support" means fully expanded tree which cannot be collapsed.
Full source code Professional edition includes full uncompressed source code.

If this list does not have some feature that you really need, you can ask our technical support team and in most cases we will develop the feature ASAP.

Compatibility

COOLjsTree supports many browsers — actually all major platforms work just fine:

	Internet Explorer 4.01 and higher (yes, IE 7 also)
	Firefox 1.0 and higher
	Netscape Navigator 4.08 and higher
	Netscape Navigator 6.0 and higher
	Mozilla 0.9 and higher
	Opera 5.02 and higher
	Safari 1.2 and higher
	AOL 4 and higher

Sun HotJava 3.0 and MS IE 3.0 are partially supported in Professional.