Dijit Menu Example by Deluxe-Menu.com
Dijit Menu Example

Menu Screenshots

Dijit Menu Example Site Navigation Menu

Features

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!
Css Vertical Popup Menu Dijit Menu Example
Easy Setup
  • De Luxe Tuner. GUI interface to create your dijit menu example 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.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: Navigation bar code should indicate with on which page I me just considers..
(with anothercolour of the font of the active Link from the navigation, or an underline, bolder font, ...).

A: Deluxe Menu has only two states normal and mouseover,
but you can highlight menu items in two ways:

Try to do the following things:


- 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" src="menudir/dmenu.js"<>/script<
>script type="text/javascript"<  var pressedItem=3;>/script<
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html

Q: Can data be loaded dynamically in the free drop down menu? For example, can you load the child of a node once the node is clicked on.

A: You can use AJAX like technology.

http://deluxe-menu.com/ajax-technology-menu-sample.html

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- 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>


<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html

Q: I am testing out your menu system as I try to redesign my site. It is a vertical menu with submenus.

I have hundreds of pages in my site and I'd like to be able to attach your menu system to all of them.
However, I will be making changes to the menu system on a regular basis.
I do not want to go change every program in the site each time I need to make a menu change.

I was hoping you could give me some kind of programming code that I could enter into the <body> section of my html files which would automatically read a file into my prograrm, which contained the menu code.
This way when a menu change is needed, I edit one file, all the programs read that file and display the menu.

As an example of the code I would want read into a webpage at start up:

<script type="text/javascript">  var dmWorkPath="files/";</script>
<script type="text/javascript" src="files/dmenu.js"></script>
<div id="dmlinks" style="font:bold 9px Verdana;color:#FFFFFF;text-decoration:none">
<a id="dmI0" HREF="500main.htm">Home</a>
<a id="dmI2" HREF="tixbbs.htm" TARGET="text">For Sale</a>
<a id="dmI4" href="testlink.html">Place Ad</a>
<a id="dmI5" href="testlink.html">Sources</a>

</div>
<script type="text/javascript" src="data-deluxe-menu.js"></script>


A: If you change the menu parameters only there is no need to change code on each page. You should only replace your old data file (data-deluxe-menu.js) with the new one.

If you don't want to install your menu on each page, you can try to use frames, the menu has a cross-frame mode.
Please, see more info about cross-frame mode here:
http://deluxe-menu.com/cross-frame-mode-sample.html

Also you can use a server-side script (php, asp, vb, etc.) to generate html pages from templates on your server.


Q: I've now begun to offer my clients multiple levels offunctionality. Is there any way to add another level of complexity to the php drop down menu? Would AJAX Menus be the best approach for doing this?

A: You can do it in three ways now.

1) You can use API functions to generate items dynamically:

function dm_ext_createSubmenu (menuInd, submenuInd, itemInd, iParams)
function dm_ext_addItem (menuInd, submenuInd, iParams)

See more info:
http://deluxe-menu.com/functions-info.html

2) Use AJAX feature and create different .js files depend on company and user level.

3) Generate your menu items dynamically from database.
Unfortunately we don't have working example with ASP.

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so,
you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- 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) 2008, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];


The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html