Template: Horizontal Hierarchy Control Tree View Codeproject

Vista Style 7 Tree Dhtml Menu

The template emulates Vista OS menu style. This is image based template. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - Toggle-mode support. Animation effect for subitems
    - Icons for the expand/collapse buttons
    - Background image for the menu
    - Menu has a static position and is placed within the table cell

Key features:

    - Personal CSS styles for separate menu elements
    - Items with icons
    - Several menus on one page
    - Movable and floatable menu
    - Submenus expand/collapse on mouseover
    - Submenus have a fade effect
    - Image arrows
    - 3-state icons for each item

Menu Screenshots Horizontal Hierarchy Control Tree View Codeproject

Buy Now! :: Free Trial Download :: More Info

Features Horizontal Hierarchy Control Tree View Codeproject

High Performance

AJAX menu loading - loads web menu data from the server "on-the-fly".
Commonly loads quicker than other html page elements
Runs well with an unlimited number of submenus and items

Seamless Integration

Visible over flash, select boxes, iframes, java applets
Multiple menus on the same page
Amicable to other scripts and css styles
Any HTML code can be used inside menu items

Tree Menu Javascript Dhtml Horizontal Hierarchy Control Tree View Codeproject

Compatibility

Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
Menu can be populated from a database using ASP, PHP, etc.
Search engine friendly
Support for any doctypes
Fits for secure sites

Easy Setup

De Luxe Tuner. GUI interface to create your horizontal hierarchy control tree view codeproject menus easily and in no time
Sensible menu parameters for manual editing

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed horizontal hierarchy control tree view codeproject samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Buy Now! :: Free Trial Download :: More Info

Javascript Tree Menu. Expandable Menu.

You can animation and effects for the javascript tree menu. These effects will make your menu more attractive and stylish. When you click on titles of submenus - submenus will collapse or expand. Submenus have a fade effect in Internet Explorer when you collapse/expand them, so your menus look like original menus in Windows XP Explorer. You can set different speed for an animation.

Buy Now! :: Free Trial Download :: More Info

Recent Questions Horizontal Hierarchy Control Tree View Codeproject

Q: I have to find out, how the tree view navigation is NOT expanding in the beginning..

A: You should set the following parameter:

var texpanded=0;

Use + signs before items text to expand the some items:

["+Land","", "", "", "", "", "", "0", "", "", ],

Q: Is there a way to capture which menu item was clicked in the popup menu and store that information into a database?

A: See how you can find the ID of the clicked item:

var menuItems = [
["Home","javascript:alert(itVar.id)", "", "", "", "_self", "3"],
];

Q: I cannot get the separator image to display in my dhtml right click menu. Is there a setting I am missing? I want to separate the main menu items with an image.

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical dhtml right click menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];

Q: Is it possible to make on top of the javascript expandable tree 2 extra buttons:

* Expand all
* Collapse all

Which command do I use???

A: Tree Menu doesn't have such a feature now.

You can write your own function based on the following API functions:

function dtreet_ext_showItem (itemID, visibility)
function dtreet_ext_expandItem (itemID, expand)

Buy Now! :: Free Trial Download :: More Info