Template: Javascript Tree Menu

Tree Javascript MSDN Library Look and Feel

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

    - Toggle-mode support.
    - Icons for expand and collapse buttons
    - Animation effect for subitems
    - Only one item can be expanded at the same time, var tcloseExpanded=1;
    - 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
    - Each item can have individual settings
    - Inactive/Disabled items
    - Items with icons
    - different speed for an animation for submenus
    - Several menus on one page

Menu Screenshots Javascript Tree Menu

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

Features Javascript Tree Menu

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

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

Javascript Tree Menu Tutorial Javascript Tree Menu

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed javascript tree menu 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

Easy Setup

De Luxe Tuner. GUI interface to create your javascript tree menu 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 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 Javascript Tree Menu

Q: I have a javascript menu codes that I change dynamically with dm_ext_changeItem.

When I converted it to a popup window, dm_ext_changeItem does not seem to work. Is this a bug?

A: See in the popup menu you should write submenuInd+1:

dm_ext_changeItem (menuInd, submenuInd+1, itemInd, iParams)

Q: Is there a way to open the link of my down horizontal menu in the same window?

A: You can set the following parameter:

var itemTarget = "_self";

Q: Will all your navigation bar examples work cross-frame?

A: See how should you create cross frame menu:

1. To initialize the cross frame menu call dm_initFrame()
function instead of standard dm_init() function within data.js file:

dm_initFrame(framesetID, mainFrameInd, subFrameInd, orientation);

framesetID - id attribute of the frameset;
mainFrameInd - index of the main frame (where the top-menu is placed), >=0;
subFrameInd - index of the subframe (where the submenus will be shown), >=0;
orientation - frame orientaion: 0 - top-to-bottom, 1 - left-to-right; 2 - bottom-to-top; 3 - right-to-left.

So you should create your menu in Deluxe Tuner, save it.
Create html file with your frame set.

Set ID for the first frameset:
<FRAMESET id=frmSet rows=220,*>
<FRAME id=frame1 src="JavaScript Tree Menu Samples_files/cross-frame-horizontal-1.htm"> //menu frame
<FRAME id=frame2 name=frame2 src="JavaScript Tree Menu Samples_files/testlink.htm"> //content frame
</FRAMESET>

Then you should open your data file in any text editor and change
dm_init(); for example to dm_initFrame("frmSet", 0, 1, 0);

You'll find more info here:
http://deluxe-menu.com/cross-frame-mode-sample.html

Q: In javascriptcoding I have id of the submenu. How can retrieve id of the parent menu item in the drop-down menus?

A: You can try to use the following function

function dm_ext_getSubmenuParams (menuInd, submenuInd)

Returns submenu parameters in the array:
[submenu_id, items_count, parent_item_id, submenu_level, is_horizontal]

menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.

Using this function you can retrieve the parent_item_id.

More info see:
http://deluxe-menu.com/functions-info.html

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