Vertical Collapsible Menu by Deluxe-Menu.com
Vertical Collapsible Menu

Template:

Adobe Style Template - Sliding Menu







    - Unlimited number of sub levels
    - Cross-frame support - menus work on frameset-based pages
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Inactive/Disabled items
    - Top items and submenus have a shadow
    - UL/LI items structure
    - Horizontal or vertical orientation
    - Submenus dropdown on mouseover




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

Menu Screenshots

Vertical Collapsible Menu Javascript Transparent

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical collapsible menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical collapsible menu menus easily and in no time
  • Sensible menu parameters for manual editing
Vertical Javascript Navigation Vertical Collapsible Menu
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!
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Does this cross browser menu support only english menus or I can make an english and russian menus as well with deluxe menu multiple license?

A: Actually you can use any language in the cross browser menu.

Check that you've set "Tools/Use utf8 encode" in Deluxe Tuner.



Q: Can I install the menu using my buttons? I might be able to do it if the buttons used only one image, but they use two images. One is light and the other dark.

I also have some questions:
1) Will the menu stay in view when the user scrolls down?

2) I'm not even sure I care if the menu stays in view, because I believe that is done using php and is not good for SEO. The file that the search engines see is index.html while the file that visitors see is home.php. I think it would be better for SEO to have a normal .html page. Are you able to do that?


A: See how you should make image-based menus: if item text is empty, icon fields will be used as item images.
For example:
["", "index.html", "menu1a.gif", "menu1b.gif", "Home Page"]

1) You should use floatable feature.
See the following parameter:
  var floatable=1;

2) You can generate search engine friendly code using Deluxe Tuner:
"Tools/Generate SE-friendly Code".


Q: All of a sudden I'm getting the 'Incorrect Copyright" on two of my sites.??

  Here's what I have in the file:

  <!-- Deluxe Menu, Deluxe-Menu.Com -->
<noscript><a href=http://deluxe-menu.Com/>Javascript Menu by Deluxe-Menu.Com</a></noscript>
<script type="text/javascript" language="JavaScript1.2">vardmWorkPath = "menudir/dmenu.js";</script>
<!-- (c) 2005, Deluxe-Menu.Com -->

  What's wrong??


A: What version of the menu you're using?

Now we have new version of the menu v2.4. We've fixed "IncorrectCopyright" message in IE7 in it.

How to upgrade to v2.4
---------------------------------------------------------------
You can download the licensed engine .js files from the same link in your license message.
Deluxe Menu v2.4 has new parameters and features.
To upgrade to v2.4 you should do the following.

Step 1.
1.1 For Windows users
a. Install new license package. (you can download it from the same link in your license message)
b. Run Deluxe Tuner v2.4
c. Open menu data file (.js file where menu parameters are placed):
select File/Open…
d. Save the file: select File/Save, then click "No" button when the dialog box appears.

1.2 For other OS users
a. Open menu data file (.js file where menu parameters are placed) in a text editor.
b. Make sure that the following variables exist in the data file:

  var keystrokes = 0;
  var dm_focus = 1;
  var dm_actKey = 113;

  var dynamic = 0;
  var smHideOnClick = 1;
  var itemAlignTop = 'left';
  var smSmartScroll = 1;

  var dmAJAX = 0;
  var dmAJAXCount = 30;
  var dmRTL = 0;
  var dmObjectsCheck = 0;
  var menuBackRepeat = "repeat";
  var menuHeight = "";
  var transDuration2 = 200;

If one of the variables doesn't exist - add it at the beginning of the file.

c. Save the file.

Step 2. Now open HTML-page that contains Deluxe Menu.

Step 3. Replace existent <noscript></noscript> tags of the menu by the following code:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>

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

Step 4. Save HTML-page.

Step 5. New engine v2.4 has 7 .js files.
They are:
- dmenu.js
- dmenu4.js
- dmenu_add.js
- dmenu_dyn.js
- dmenu_key.js
- dmenu_cf.js (new v2.00)
- dmenu_popup.js (new v2.00)

Replace all old .js files by the files from v2.4.

Try that.


Q: Is there a way to hide a menu options using either CSS or the java api based on the site user for the mouseover menu?

A: Deluxe Menu supports Javascript API.
You can find more info here:
http://deluxe-menu.com/dynamic-functions-sample.html

You can try to use API functions in that case:
function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)
To disable items you should set the target parameter to "_".
You can try to use the following function

function disable() {
dm_ext_changeItem(0, 1, 1, ["", "", "", "", "", "_"]);
}
to disable your items.




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