Javascript Expanding Menu by Deluxe-Menu.com
Javascript Expanding Menu

Template:

Dell Style Template - Horizontal Dhtml Menu






    - Text aligned to left
    - Image arrows
    - Status string shows item labels
    - Top items and submenus have a shadow
    - Submenus automatically scrolls
    - Relative/Absolute menu position
    - Hundreds of pre-designed templates
    - Sound support!




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

Menu Screenshots

Javascript Expanding Menu Dhtml Expand

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

Features

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



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: I just noticed as well that I cannot change the spacing of the buttons.

Right now the buttons are tight together, how do I create a gap between each dhtmlmenu button?

A: You can paste the separator.
Please, see the following parameters:

//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "150";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];

You can also use this parameter:
  var itemPadding = "4px";
You can also set multiple values, for example:
"2px 15px 5px 5px";
(top, right, bottom, left)



Q: In IE 6.0 and Firefox 1.5.0.4, the dropdown submenus are not visible and it does not float in firefox (floats in IE but no submenus) whereas in Opera 8.53 and Opera 9 it works fully.


A: Now you have two entries of dmenu.js file on your site in the <head> and <body> tags.
You must have only one entry of dmenu.js file.
You should write so:

...
<body>

<script type="text/javascript">  var dmWorkPath = "http://www.gaurangapada.org/data.files/";</script>
<script type="text/javascript" src="http://www.gaurangapada.org/data.files/dmenu.js"></script>

</body>

Please, delete the same code from the tag.

Now you have:
  var transparency="0";
That is why you can't see your subitems.

Please, write, for example, so:
  var transparency="80";


Q: I am testing the menu under the 2nd URL however I am just receiving a blank page Why would the menu be totally blank ...not even incorrect key or trial version warnings. Does Deluxe menu need ASP installed on the server.


A: You should call dmWorkPath parameter before you call dmenu.js file.
Check also that this parameter point to the same directory withdmenu.js file. So, you should install the menu in the following way:

<noscript><a href=http://deluxe-menu.com/>JavaScript Menu by Deluxe-Menu.com</a> </noscript>
<script type="text/javascript">  var dmWorkPath = "/";</script>
<script type="text/javascript" language="JavaScript1.2" src="dmenu.js"></script>
Check it.


Q: Under Parameters ->> Dimensions ->menuWidth
Even I change the value such as 150px it doesn't have any effect on javascript dhtml menu itself.

Changing menuHeight property such as menuHeight = 123px moves menu down from the top of the page instead of changing height of the menu itself.

I used templates ->> vista -> vista style 3-03 to generate the javascript dhtml menu and modified it.

A: See, you have itemWidth and itemHeight in the Individual Style.

  var itemStyles = [
["itemWidth=94px","itemHeight=23px","itemBackColor=transparent,transparent","itemBorderWidth=0", "fontStyle=bold 10px Tahoma","fontColor=#FFFFFF,#FFFFFF", "itemBackImage=data-vista-3-03.files/btn_cyan.gif,data-vista-3-03.files/btn_cyan2.gif"],
];

You cannot set the less value for the menuwidth in that case. You canset only the bigger value:

  var menuWidth="550px";

To change the menuHeight you should also use itemHeight parameter, forexample

itemHeight=123px



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