Template: Javascript Tree Ajax

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:

    - Vertical orientation of the Tree Menu
    - Personal CSS styles for separate menu elements
    - Movable and floatable menu
    - Inactive/Disabled items
    - Several menus on one page
    - Submenus expand/collapse on mouseover
    - Status string shows item labels
    - Submenus automatically scrolls

Menu Screenshots Javascript Tree Ajax

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

Features Javascript Tree Ajax

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

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

Tree Collapsible Navigation Javascript Tree Ajax

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

Professional Look-n-feel

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

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

Javascript Tree Menu. Expandable Menu.

Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
Don't allow your website visitors to get lost. Try Javascript/DHTML Tree Menu!

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

Recent Questions Javascript Tree Ajax

Q: When using the Deluxe-Tabs, the second tab seems to be the first selected tab when displaying tabs in a page. Is there a way to set the default tab showing on a page load?

A: You should use the following parameter:

  var bselectedItem = 3;

Where 3 is the number of your menu item from the   var bmenuItemsparameter.
  var bmenuItems =
[
["Mac Tab 1", "content1"],
["Mac Tab 2", "content2"],
["Mac Tab 3", "content3"],
["Mac Tab 4", "content4"], // selected tab

];
The ID of the item starts with 0.
Try that.

Q: Deluxe Tunes says:- “Use "File/Export to HTML" to see how to write the code within html page.”

If I use this the generate the code it places the

But if I look at your website code it looks as if it should be placed within the <Body> </body> tags

Can you confirm where this should be placed? As we are seeing the dmlinks before the page is displayed.

A: You should paste search engine friendly code into the <body> tag.

Q: it's possible to use on every Item the OnMouseOver / OnMouseOut event?

move the mouse over a Menu !!!!!!

A: Each menu items can include any html code.
So, you can include your own objects with onmouseover event, forexample:

var menuItems = [
["<div OnMouseOver='yourFunc()'>item text</div>"],
["<div OnMouseOut='yourFunc()'>item text</div>"],
];

Where yourFunc() is Javascript function.

Q: Our company bought the deluxemenu bundle about one year ago.

We were wondering is there any api for the deluxmenu js tabs available?

We would need to programatically open a particular tab.

A: No, unfortunately Deluxe Tabs doesn't support API functions now.

You can use the following function to open specific tab:
dtabs_itemClick(menuInd,itemInd);
where
menuInd - index of a tab menu on a page, >= 0.
itemInd - index of a item, >=0.

For example:

<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">Click to open the third tab</DIV>

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