Dhtml Vertical Menu by Deluxe-Menu.com
Dhtml Vertical Menu

Template:

Black Red Menu Template - CSS Menu Pulldown






    - 85% transparency for sub menus
    - Text aligned to left
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Image arrows
    - Cross-frame support - menus work on frameset-based pages
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Transition #14 - "fade out" effect
    - Several menus on one page




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

Menu Screenshots

Dhtml Vertical Menu Java Rollover

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

Features

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

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

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", "", "", ],



Q: How does one go about changing the parameter or the menu in java script so that a menu selection stays 'on'?
In other words, the menu remains selected, perhaps in a background color that shows the user this menu choice is selected and the user is in the selected menu area.


A: To save your navigation path you should set the following parameter:

  var saveNavigationPath = 1;
The menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).

You can highlight menu items by default in two ways:

1) Set the pressed item on each page idividually using the following parameter:

  var pressedItem = -2;
The toggle mode. Sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;0,1,2,3,... - index of highlighted item in a top-level menu.
- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, for example:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script >
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=2;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

2) Set the pressed item/subitem using dm_ext_setPressedItem () function.

Please see more info here:
http://deluxe-menu.com/highlighted-items-sample.html

Q: I am afraid I am still having difficulties.

Key issue is fine, no problems there. However, I cannot seem to make this NOT showing me a window open example when the page opens. I just want to have popups upon click. What I want is to be able to create links, within the same page, that will popup windows of different content and size, all upon click (not upon page loading.

What am I doing wrong here?

In the site I have the following:
1. A www.domain.gr/deluxe-popup-window.files folder
2. A http://www.domain.gr/deluxe-popup-window.js script
3. and my test page creating the popups

So, in my sample page:
1. I do NOT want to have the 1st popup which loads automatically as the page opens
2. I want to have the 2 samples shown there, Sample 2 and Sample 3.
3. These 2 samples must show windows of different width and height.

Please help me here.

Looking forward to your answer.

A: Delete openAfter= text from the deluxePopupWindow.attachToEvent()function in the following file:

http://www.domain.gr/deluxe-popup-window.js

In that case popup window won't show till you click on the link.

deluxePopupWindow.attachToEvent(win,',,,,,')

Q: I cannot find the parameter in deluxe tabs file "data.js" for umlaute a, u. I want it to set manually.

A: You can save your data file in UTF-8 in Windows version of DeluxeTuner v3.2.9.

You should turn on "Tools/Use utf8 encode" property.In that case your data file will be saved in UTF-8 encode.

Enter these symbols and save your data file.

If you don't want to use UTF-8 encode on your page you should turn off"Tools/Use utf8 encode" property, save your data file and manuallychange your letters in any text editor.

You can also replace your letters with special sets, for example
&auml;
&uuml;
  var menuItems = [

["&auml;....","testlink.html", "", "", "", "", "", "", "", ],
["&uuml;....","testlink.html", "", "", "", "", "", "", "", ],

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