Template: Javascript Document Getelement Checkbox Tree

Mac OSX Javascript Treeview Menu

The template emulates Mac OSX 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:

    - Submenus have a fade effect
    - Status string shows item labels
    - Inactive/Disabled items
    - Each item can have individual settings
    - Relative/Absolute menu position
    - Movable and floatable menu
    - Submenus automatically scrolls
    - Vertical orientation of the Tree Menu

Menu Screenshots Javascript Document Getelement Checkbox Tree

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

Features Javascript Document Getelement Checkbox Tree

Professional Look-n-feel

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

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

Dropdown Menu Tree Vertical Relative Javascript Document Getelement Checkbox Tree

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

Easy Setup

De Luxe Tuner. GUI interface to create your javascript document getelement checkbox tree menus easily and in no time
Sensible menu parameters for manual editing

Unrivalled Features

Scrollable, dragable, floating
Unique Java Script API for altering menu "on-the-fly", without page reloading
AJAX technology - loads menu data from the server "on-fly and on-demand".

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 Javascript Document Getelement Checkbox Tree

Q: I am struggling with my menu on my site the submenu is under the main text area. How do I make the submenu come to the front.

A: Check your z-index for <DIV id=navigation>.
Try to write it, for example, so:

<DIV id=navigationstyle="Z-INDEX: 10; LEFT: 0px; WIDTH: 170px; POSITION: absolute; TOP: 5px; HEIGHT: 600px">

Try that.

Q: In Internet Explorer 7 , the menu with javascript was completely invinsible.

A: Try to set exact width for the menu, for example:

var menuWidth="500px";

Q: Very interested by your product.I want to know, before buy, if I can call javascript function when the user click on a items in the horizontal drop down menu?

A: You're able to use Javascript for each item, for example:

var menuitems = [
["item text", "javascript:your_code_here"]
];

Unfortunately, you can't assign onmouseover/onClick event to each item.
However, you can achieve this by using standard html objects within items, for example:

var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];

Q: How do you center the text within the top-level cels in the drop down navigation bar?

A: You should set the following parameter:

var itemAlignTop="center";

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