A good navigation menu will help users access necessary information quickly and easily. And with the eye-catching look, it will increase the performance. This article introduces to you 9 tree view navigation menus, the information is displayed in a hierarchical order, and you can apply AJAX for these menus.

• Demo
• Enlarge
• Reload
• New window

The navigation interface is one of the most important part of any application. Correctly designed, it lets users find the information they need, easily and quickly.

With a tree menu control, also called tree view, the information is displayed in a hierarchical order, with the home topic at the top and the subordinated items underneath. Beginner users like to use a tree of folders because it is easy to learn; experienced users like it because it is efficient in the number of clicks involved.

1. 

   Gaia Ajax Tree View is a Ajax based TreeView Control . which very easy to use and flexible. You can use static items and dynamic items. Static items are rendered as HTML output on the page and dynamic items are retrieved on-demand.

   Features :

   • Drag and drop
   • Statically created items - Visible for search engines and spiders .
   • Dynamically created items
   • Complex child controls
   • Easy to skin - Builds from ul and il elements, follows standard HTML conventions
   • Icons per item - Easily add up your own icons for your Tree View Items
   • Lightweight JavaScript file.
   • Accessibility
   • 100% XHTML compliant
   • 100% WYSIWYG - Use from Visual Studio in 100% WYSIWYG environment

2. 

   CooljsTree is a JavaScript based Tree Menu which offer expand/collapse unlimited levels of the tree without reload. The script does not require FRAME or IFRAME tag for work. You can easily configure the tree Via.. CSS and setup individual items parameters in the JavaScript configuration file.

   All major browsers like; 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 are supported to CooljsTree.

3. 

   CheckTree is a W3C DOM based Tree Menu which offer Hierarchial / Multilevel trees . You can easily customise your tree data via.. CSS which controls tree appearance. Its an Object-orientated code for create Check list tree systems. CheckTree is a Cross-browser compatibility with IE5+, NS6+, Opera7+, Safari, and similar.

4. 

   Simple Tree Menu is a originally created by Dynamic Drive.com . Its an unobtrusive Tree Menu script that turns any ordinary list (UL element) into a collapsible tree Menu.

   • Plug and play script that turns a UL list into a tree menu, with any sub lists collapsed by default.
   • Ability to specify that certain sublists be expanded by default, by giving that LI element a rel="open" attribute.
   • Simple CSS defines the look of the tree, such as the folder and list images to be used.

5. 

   dhtmlxTree (DHTML extensions Tree) is a JavaScript tree menu that allows you to effortlessly create attractive and fast-loading hierarchical interfaces with cross-browser compatibility, AJAX support, in-line node editing, and drag-n-drop capabilities. Rich client-side API provides complete control over the tree appearance and behaviour.

• Code
• Print

• Comment (0)
• Write

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
Your site

Comment's title

I assure 100% I am real human
I repeat I am not bot

• Sent (0)
• New