Navigation Submenu Dojo by Deluxe-Menu.com
Navigation Submenu Dojo

Menu Screenshots

Navigation Submenu Dojo Javascript For Tree Menu

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed navigation submenu dojo 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!
How To Make A Tabbed Menu Navigation Submenu Dojo
Easy Setup
  • De Luxe Tuner. GUI interface to create your navigation submenu dojo menus easily and in no time
  • Sensible menu parameters for manual editing
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: One more query, can we remove the following line from all the pages,
<noscript><a href=http://deluxe-menu.com/>Javascript Menu byDeluxe-Menu.com</a></noscript>

<script type="text/javascript">  var dmWorkPath = "/";</script>

As the script <noscript> tags are used in body section of webpage and when we use this in Head tag, it is creating a problem for us. Will removing this line would cause some problem in working of menu, as now a days every browser in the world supports JavaScripts.


A: You cannot delete the following line:
<script type="text/javascript">  var dmWorkPath = "/";</script>

Your menu won't work without this line.

You can try to move the following code in the <body> tag. Try that.


...
<!-- Deluxe Menu -->
<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>
<!-- (c) 2006, http://deluxe-menu.com -->
...
<body>


Q: We are in the stage of design, we have a requirement to have the items
fly out from right to left in the dhtml menue.

A: The following parameter controls the ways of showing submenus:

From left to right:

  var subMenuAlign="left";
  var subMenuVAlign="top";

From left to right + upwards:

  var subMenuAlign="left";
  var subMenuVAlign="bottom";

From right to left:

  var subMenuAlign="right";
  var subMenuVAlign="top";

From right to left + upwards:

  var subMenuAlign="right";
  var subMenuVAlign="bottom";

You can find this info here:
http://deluxe-menu.com/ways-showing-submenus-sample.html



Q: Some menu entries may be disabled and clicking on them should produce predefined javascript alert message?


A: To create disabled items you should set "_" symbol in the targetparameter of the menuItems.
If the target is "_" the item is disabled.
You can assign a font color for all disabled items using the following menu parameter:
  var fontColorDisabled = "#AAAAAA";
You can write a javascript code instead of an item link:

["item text", "javascript:alert('Hello World')", , , ,"_",]

That's all.


Q: How does one go about changing the parameter or the JavaScript so that a vertical menu selection stays 'on'? In other words, the vertical 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