Ajax Multi Level Vertical Menu by Deluxe-Menu.com
Ajax Multi Level Vertical Menu

Menu Screenshots

Ajax Multi Level Vertical Menu Fireworks Styles

Features

Cost Effective
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!
Menu Scrolling Javascript Ajax Multi Level Vertical Menu
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • 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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your ajax multi level vertical menu menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

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

Recent Questions

Q: How can I make the submenus appear much more quickly for the javascript expand menu?They appear but only after mouseing-over the menu and waiting for approximately one second.

A: Try to adjust the following parameters:
  var dm_writeAll=0;

  var smShowPause=100;
  var smHidePause=1000;

  var transDuration=150;
  var transDuration2=200;

You can also turn off transitional effects
  var transition=-1;



Q: In Firefox, the menu bar css is hidden behind Flash player. Anyway to fix this?


A: See fix for flash in Firefox here:

http://deluxe-menu.com/objects-overlapping-sample.html


Q: There is the possibility in the menu that an item has access control, that is is visible or not depending of the user?


A: You can use Javascript API and write your own code.

See more info here:
http://deluxe-menu.com/functions-info.html

You can use

dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
to disable your items or

dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)
to hide your items.


Q: Your service is excellent and I am making progress learning the program. I was able to resolve the transparency issue thanks to your help but, but now I have another one that is stumping me.

I can get the dhtml javascript menu script to show up in my html document and it works as I hoped it would. However, no matter where I put the line of code in my html file, the dhtml javascript menu script always shows up at the very top of the page. The instructions indicate the following:

Copy the following code into clipboard and paste it into the place you want to have the dhtml javascript menu script:

<script type="text/javascript" src="newmenu2.js"></script>

For example, into a table cell:
<table>
<td><script type="text/javascript" src="newmenu2.js"></script></td>
</table>

No matter where I put the code: <script type="text/javascript" src="newmenu2.js"></script>, the menu shows up at the top of the page.

What am I missing?

A: Check that you're using relative position for the dhtml javascript menu script:

  var absolutePos=0;  var posX="0px";  var posY="0px";