Template: Auto Expand Tree Js

Html Tree Menu Vista Style 4

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

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

Key features:

    - Relative/Absolute menu position
    - Personal CSS styles for separate menu elements
    - different speed for an animation for submenus
    - Status string shows item labels
    - Submenus have a fade effect
    - Submenus expand/collapse on mouseover
    - Items with icons
    - Vertical orientation of the Tree Menu

Menu Screenshots Auto Expand Tree Js

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

Features Auto Expand Tree Js

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

Professional Look-n-feel

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

Tree Crossframe Menu Auto Expand Tree Js

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".

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 auto expand tree js menus easily and in no time
Sensible menu parameters for manual editing

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

Javascript Tree Menu. Expandable Menu.

There can be as many submenus as you want.
Use a mouse to drag a menu as a usual window.
When the page is scrolled the menu remains visible. The Javascript/DHTML Tree can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.

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

Recent Questions Auto Expand Tree Js

Q: It works great in IE, but doesn't work in Firefox.

A: Please, try to specify units in "px".

For example:
var itemPadding = "3px";
Try that.

Q: How i can isert any html code in css dynamic menu?

A: You are able to paste any html code within items.
So you can paste a form too.

For example:

var menuItems = [

...

["||<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q' value='searchthe web' size=15 style='font-size:10'> <INPUT type=hidden name=cof
value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:
http://domain.edu;AWFID:e01cb67b8afe383e;'></form></nobr>","", "images/icons/search.gif", "", "", "", "", "2", "", "", "",],

Q: Under Opera everything works fine but under IE the submenu’s are way down the page and go off the bottom of the screen.

A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="PADDING-BOTTOM: 10px;"). To get the value you should move .css style into style="" attribute.

Please, try to add your

css file -> inline css, for example:

You should add style="PADDING-BOTTOM: 10px;"

to the

<DIV class=department-menu>

So, you'll have:

<DIV class=department-menu style="POSITION: absolute;PADDING-BOTTOM: 10px;">

Q: I need to be able to highlight the selected menu item of the currentpage in the html tree menu.
Is there a way to do this?

A: Please, try to set this parameters:

var ttoggleMode = 1; Enables a toggle-mode. 0 - disabled, 1 - items stay highlighted after mouse click.
var tpressedFontColor = "#AA0000";

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