Hover Multi Level Tree Menu Accordion by Deluxe-Tree.com
Hover Multi Level Tree Menu Accordion


Buy Now!  Free Trial Download

Menu Screenshots Hover Multi Level Tree Menu Accordion

Hover Multi Level Tree Menu Accordion Tree Menu Codes

Features Hover Multi Level Tree Menu Accordion

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".
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 Menu Sample Frame Version Hover Multi Level Tree Menu Accordion
Cost Effective
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 hover multi level tree menu accordion menus easily and in no time
  • Sensible menu parameters for manual editing
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Use images for backgrounds of submenus and items, icons, arrows.
  • Use any amount of menus on a single page.
  • Place any HTML code within the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity. You can create 3-state icons for each item: normal state, mouseover state, expanded state. After clicking on menu item selected item becomes highlighted.

Recent Questions Hover Multi Level Tree Menu Accordion

Q: I have the mouseover menu working fine but want the chosen option to display in a tab under the menu.

A: Deluxe Tabs doesn't have API functions to set pressed item on-the-fly. You can set presseditem on the page loading only.

But you can use onClick event for the JavaScript Tree Menu items and call the following function toopen appropriate tab:

dtabs_itemClick(menuN, itemN);

where
menuN - index of a menu on a page, >= 0.
itemN - index of a tab you want to show, >=0.

["<div onClick='dtabs_itemClick(0,2)'>Open 3rd tab</div>","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],



Q: Trying to install XP style floating dhtml slide down menu but have these problems:

- Menu does not stay within table cell
- Is not floating

A: > - DHTML slide down menu does not stay within table cell

You're using the floating feature now. Your dhtml slide down menu will float withabsolute position only. So, now you have:

  var tabsolute=1;
  var tleft="1px";
  var ttop="1px";

That is why your dhtml slide down menu does not stay within table cell and hasabsolute position.

> - Is not floating

Try to call on your page

<script type="text/javascript" src="philmenu.files/dtree_add.js"></script>



Q: I am contacting you on behalf of my client World of Envelopes as they currently use your menus. We are currently running their SEO campaign and would like to know what is search engine friendly about your new javascript hover menu?

Would it be possible for you to provide me with an example of a client that is currently using this new menu so I can assess the SEO ability of this menu.

A: You should generate search engine friendly code and install it on yourpage.
JavaScript Tree Menu is a search engine friendly menu since v1.12.
To create a search engine friendly javascript hover menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).

We use search engine friendly code on our website,
http://deluxe-menu.com

You can view source of the page.



Q: Hi, I was wondering if there is a way to disable the dhtml pull down menu links on a page. (I am creating a site where, in a certain mode, the page is in preview and I don't want the links to work).

Is this possible?

I can run this function across my other <A> tags (which sets them all to the current page), but it doesn't reach into the deluxe menu.

for(i=0;i document.links[i].href = "<?php echo(getURL($_SERVER["REQUEST_URI"]));?>>";
document.links[i].target = "_self";
}

A: To disable your dhtml pull down 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, ["", "", "", "", "", "_", "", "", ""]);