Template: Site Tree Menu Sample

Linux Javascript Tree View Menu

The template emulates Linux menu style. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - Toggle-mode support.
    - Items have icons
    - Animation effect for subitems
    - Menu has a static position and is placed within the table cell.

Key features:

    - Personal CSS styles for separate menu elements
    - Vertical orientation of the Tree Menu
    - Submenus have a fade effect
    - Movable and floatable menu
    - Unlimited number of sub levels
    - Several menus on one page
    - Status string shows item labels
    - Submenus expand/collapse on mouseover

Menu Screenshots Site Tree Menu Sample

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

Features Site Tree Menu Sample

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

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed site tree menu sample samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Tree Disable Drop Down Site Tree Menu Sample

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

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

Easy Setup

De Luxe Tuner. GUI interface to create your site tree menu sample menus easily and in no time
Sensible menu parameters for manual editing

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

Javascript Tree Menu. Expandable Menu.

You can set default expanded/collapsed items and submenus.
After clicking on menu item selected item becomes highlighted.
When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!

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

Recent Questions Site Tree Menu Sample

Q: Is there a way I can do an include of a separate file that would contain the

var menuItems = [];

A: You can delete var menuItems = []; and dm_init(); from your data.jsfile and paste it into your html page or in the other file.

You should call at first data.js file with the parameters and thanmenuItems = []; and dm_init();.

Q: I can not figure out how to fix the menu from going off the page inMozilla by using html code. I don't know where to put the code. I would likeit to be flush right.

A: Try to set exact width for the menu width and menu height, try to specify unitsin "px":
  var menuWidth="500px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.
  var menuHeight="20px";
You should also check your padding parameter, you should write it so:
  var itemPadding="1px 1px 1px 12px";

Q: I am testing a trial version of your Deluxe Tuner software.

I cannot configure the actual links or link names?

How do I do this?

A: You can assign link for each item.
Please, use Deluxe Tuner. In the "Item parameters" window you can set text, link, target, iconsfor the menu items.

Q: I have the following problem. I've set target parameter to "_self".
But my html files still opens in a new window.

A: Please, check the following parameters:
  var itemTarget="_self"; //default target

You can set target parameter for each item.

See menuItems parameter:

  var menuItems =
[
    ["Home","testlink.html","icon.gif","iconover.gif","Home Tip",target,"1"],
    ["|Our Products","testlink.html","icon1.gif","icon2.gif","Our Products Tip","_self",,"0"],
];

Try that.

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