Vertical Menus Expand Collapse Styles by Deluxe-Menu.com
Vertical Menus Expand Collapse Styles

Menu Screenshots

Vertical Menus Expand Collapse Styles Drag Drop Javascript

Features

High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • 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".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Java Script Menue Creator Vertical Menus Expand Collapse Styles
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical menus expand collapse styles menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
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
  • Section 508 compliant



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: I am spending a lot more time and have figured a few things out. One more question please: How do I specify the target link I want a dhtml submenu to go to?

I see HREF specified in the code, but no where in the program to specify it.


A: See, the following parameter sets target for all items

  var itemTarget="_self";

If you want to set different target for each item you should set it inthe "Item Parameters" window. Choose your item in the main window andset target in the target field.


Q: Is there a way to programmatical select an item in the scrolling menu without the user actual click on the item?

A: You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.




Q: On my website I am a total of 2 menus being generated. How do I correctly generate "SE-Friendly Code" if I have 2 menu in javascripts? The "DM Links" code that is being generated will have a few of the same dm id because the menus are created seperate. How do I get it so each menu will have different dm id with no overlaps?

A: The identifiers in these links are additional parameters.
<div id="dmlinks" style="font:undefined;color:#000000;text-decoration:none">
<a id="dmI0" href="testlink.html">Home</a>
<a id="dmI2" href="testlink.html">Features</a>
<a id="dmI4" href="testlink.html">Description of Files</a>

You can delete these identifiers or leave them.

So, if you have several menu in javascripts on the same page you should generate twoblocks of search engine friendly code and add them on your page.



Q: I was trying to figure something out myself but after a lot of hours I decided I will contact you.

I am working on a javascript collapsing menu and I am using the XP style one.

I don’t know why but the align of the text is not moving to the right side (because in Israel we write from right to left)

The sub-menu works great and all the text align to the right but from some reason the title is unmovable.

Please if you know any solution to that problem?

A: See how you can create your top javascript collapsing menu items:

- you can set the following parameter:

  var tXPAlign="right"; //align of expand-buttons of submenus titles

- write your top items:
["+<div align=right>&nbsp;Deluxe Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "", "", ],