Vertical Slide Ajax Menu Tree by Deluxe-Menu.com
Vertical Slide Ajax Menu Tree

Template:

iPhone 18 Template - Dropdown Submenu






    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Transition #14 - "fade out" effect
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - 85% transparency for sub menus
    - Submenus automatically scrolls
    - Text aligned to left
    - Image arrows




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Vertical Slide Ajax Menu Tree Collapsing Menu Html Code

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

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!
Drop Menus Javascript Vertical Slide Ajax Menu Tree
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical slide ajax menu tree menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Now I am coming across one more problem...
The alignment of the menu is off.

Where I can download previous versions of the menu?


A: I suppose that you're saying about submenu position.
Please, check the following parameters

  var topDX=0;
  var DX=0;

You can download trial package from the following links:
v1.12
http://deluxe-menu.com/deluxe-menu112setup.exe
v1.14
http://deluxe-menu.com/deluxe-menu114setup.exe
v1.71
http://deluxe-menu.com/deluxe-menu171setup.exe


Q: Can I use javascript to get the object (getElementByID). If not howdo I hide my dropdown menu on print?

A: You can add a new button to print your page and call onClick event, soyou should write:
<body ....
onClick="document.getElementById('dm0m0').style.visibility='hidden'; window.print();">
...
</body>
Or you can use the same javascript code from your menu item.

For example:
  var menuItems = [
["Print", "javascript:document.getElementById('dm0m0').style.visibility='hidden';
window.print();", icon1, icon2],
];
But if you want to hide the menu when your customers push "File/Print"you should write so:
You must create two functions, for example:

function myprint()
{ document.getElementById('dm0m0').style.visibility='hidden';
window.print();
}
function myprint2()
{ document.getElementById('dm0m0').style.visibility='visible';
window.print();
}
You should add this functions into your code.

And then you must write so:

window.onbeforeprint = myprint;
window.onafterprint = myprint2;


Q: How to include the search box? With javascript menu maker there is not the option...

A: Use the following javascript menu parameter to enable/disable the "search support" for the Deluxe menu:

  var dmSearch=2;

0-nosearch; 1-ordinary search (within one level of submenus only); 2-recursive (within the whole menu).

Set item's link to "search:", for example:

["","search:value='search...' style='border:1px;width:60px;height:14;font-size:10px;'", "", ],



Q: I tried to add a fixed width on some of the items that I thought had too much empty space on the right of the text but would not work. Is it possible to have a fixed amount of pixels after the text for all navigation items of the css drop-down menu?

A: You can set padding parameter in the following way:

  var itemPadding="3px 15px 3px 3px";
                            top right bottom left


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