Vertical Slider Html by Deluxe-Menu.com
Vertical Slider Html

Menu Screenshots

Vertical Slider Html Dropdown Menue

Features

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!
Cost Effective
Tutorial Popup Menu In Java Vertical Slider Html
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical slider html menus easily and in no time
  • Sensible menu parameters for manual editing
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: Comprehensive Mental Health has a site license to \use Deluxe Menu. We are currentlyrunning version 2.0.

Unless we set the topdy parameter to be -65, our submenus do not appear adjacent to the toplevel menu. Below are our parameters and our menu. What is causing this problem?


A: It is possible that you have some problems with your css.
The problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:absolute"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add <DIV id=SiteMenu>

to the

style="position:absolute;"

So, you'll have:

<DIV id=SiteMenu style="position:absolute;">

Check that.


Q: I updated .js files and added   var key to data file.
When I tested there is no nag tag. But the sub-menu no longer worked. (it worked before with "Trail Version" nag).
The status bar on IE shows "Error on page".

I am looking forward to your help.


A: Please, see menu parameters. Now you have:

  var menuBorderWidth="";
  var itemBorderWidth="";

You should write:

  var menuBorderWidth=0;
  var itemBorderWidth=0;


Q: We are looking for how we have to do for the previously clicked item in the dynamic tree menu
remains highlighted to inform user what is his current page.
It is possible to achieve this behavior with your product?

A: You should use API functions in that case

function dtreet_ext_expandItem (itemID, expand)
function dtreet_ext_setPressedItem (menuInd, itemID)

See more info about API functions:
http://deluxe-tree.com/functions-info.html

See the samples:
http://deluxe-tree.com/dynamic-drop-down-menu-sample.html
and
http://deluxe-tree.com/highlight-selected-menu-item-sample.html



Q: I have set it to:

  var tlevelDX=0;

It has helped somewhat but there still is a gap between the left side and the image icon. Is there any other parameter I can alter to push it more to the left?

A: You can try also to set the following parameters:

  var texpandBtn=["","",""];
  var texpandBtnW=0;
  var texpandBtnH=0;