Template: Floating Tree Menu

Tree Java Script Outlook 2003 look

The template emulatesOutlook 2003 look. 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:

    - Items with icons
    - 3-state icons for each item
    - different speed for an animation for submenus
    - Unlimited number of sub levels
    - Inactive/Disabled items
    - Each item can have individual settings
    - Image arrows
    - Status string shows item labels

Menu Screenshots Floating Tree Menu

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

Features Floating 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

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

Dynamic Tree Menu Example Floating Tree Menu

Easy Setup

De Luxe Tuner. GUI interface to create your floating tree menu 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 floating tree menu samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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 the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu.Choose any color for backgrounds of submenus and items. Use special prefixes for image paths and links to make paths absolute.
You can assign your own images for lines.

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

Recent Questions Floating Tree Menu

Q: I was wondering if there is a way to disable links on a page for the script menu.I am creating a site where, in a certain mode, the page is in preview and Idon't want the links to work.

A: To disable your menu items you should set the following parameter to disable all items:

var itemTarget="_";

Or you can disable items individually.

["Home","testlink.html", "", "", "", "_", "", "", "", "", "", ], //disabled
["Product Info","", "", "", "", "", "", "", "", "", "", ],
["|Features","testlink.html", "", "", "", "_", "", "", "", "", "", ], //disabled
["|Installation","", "", "", "", "", "", "", "", "", "", ],

You can also use function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
function to disable items on-the-fly, for example:

dm_ext_changeItem (0, 2, 3, ["", "", "", "", "", "_", "", "", ""]);

Q: The first is that for some reason my item separator image will not show. I have tried everything.. and no matter what I do the image will not show. I designed a graphic that is 2 pixels high and is the width of the total menu. The first problem is that the graphic wont show at all.. and I do not know why. Secondly, I am now thinking that I would like to use the separator graphic on all levels of the menu.. but this creates a another issue.. as the width of the submenus varies based on the length of the text displayed. How then can I have a separator image work in the submenus?

A: Try to write you Item Styles so:
var itemStyles = [
["itemBorderWidth=1","itemBorderStyle=solid,solid","itemBorderColor=#D7F5FE,#FFFFFF",
"fontColor=#A0A0A0,#A0A0A0","fontDecoration=none,none"],
["itemBackColor=#6DD0FE,#00ACFC","itemBorderWidth=1","itemBorderStyle=solid,solid",
"itemBorderColor=#6DD0FE,#FFFFFF"],
];

See the normal item border color.

You didn't paste separator into your menuItems.
["-",],

Q: I'm having a problem with the new v3.9.2 javascript menu source. The drop-down submenus are now going "up" instead of "down".

I've tried the conversion steps in your email and I have even rebuilt the menu from scratch in v3.9.2. In the JavaScript Tree Menu Preview window, the drop-down sub-menus behave properly - transitioning down below the horizontal menu. But it FireFox3, IE7 and Chrome the submenus appear above the horizontal menu.

Also... the transition effect (24 - Alpha Blend) only appears in IE7 - it is not evident in FireFox3 or in Chrome.

A: Set the following parameter:

var subMenuVAlign="top";

> Also... the transition effect (24 - Alpha Blend) only appears in IE7 - it is
> not evident in FireFox3 or in Chrome.

Transitional effects are features of Internet Explorer 5.5+ only.

See more info:
http://deluxe-menu.com/filters-and-effects-sample.html

Q: Please check my site and tell me why website drop down menu show no content with IE7 (XP or Vista.)
It works with all other major browsers and OS's.

A: Delete "height: 0%;" parameter from the style of the content DIV:

<div id="content1" style="height: 0%; visibility: hidden; display: none;" class="tabPage">

So you'll have:

<div id="content1" style=" visibility: hidden; display: none;" class="tabPage">

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