Features

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

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!

Navigation Bar Javascript Dojo Menubar With Frames

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

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

Easy Setup

De Luxe Tuner. GUI interface to create your dojo menubar with frames menus easily and in no time Sensible menu parameters for manual editing

2.0 Buttons by Web-Buttons.com v3.0.0

Recent Questions

Q: We have been using a free javascript for a couple of years but now we would like to have a functionality that our existing js is missing.
Basically, we need the ordinary tree view javascript with "+" and "-" that highlights the node clicked. No problem with that I suppose... BUT, we have a bunch of pages with internal links, linking the visitor to other pages within the site (i.e. they don't have to use the leftside tree navigation). What I want is that the navigation js recognizes that a page loads without any node has been clicked, and automagically expands the nav tree and highlights the node for that page.

No AJAX, no XML, no php or asp, just plain HTML + JS is a requirement from our customers.

Is that possible with any of your products...?

A: Yes it is possible with Deluxe Tree.

Find more info here:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html

Q: Hi, I purchased your deluxe-menu product and it's working great, the only problem I'm having is the tree menu in javascript is always fully expanded when a new customer enters the site. I've looked through your support blog but I can't find a reason for it.

A: Check that parameter:

  var texpanded = 0;

It expands all items by default.

Q: How ever there is still one major issue that need to be solved before we open to site to the public and occurs when the form used by the 2020 Datashed application to search an item (page listing.asp) is used together with the Delux dropdown menu.

When the Delux dropdown menu display their data, it is possible to 'see' the information of the 2020 search form through it. The over all effect is some kind of transparency in the page that is not acceptable.

In the attached snapshot is an image of the web page that shows the effect that we want to avoid.

This effect only happens on the head area of the 2020 search form that I have marked with a red rectangle. The main body of the form, marked in blue, does not have this transparent effect.

I wonder if it is possible eliminate the transparency in javascript menu systems changing the adequate css file that is used in the red area, using the same css code that is applied in the blue area.

My solicitude for help is about this issue, could you advice about this matter and pinpoint the css file and instruction than can make this change, or there is another way to make the same result?

A: Try to set the following parameter:

  var transparency="100";

Q: I would like to know how to put the items for the popup menu on multiple lines (i.e. create a line feed), how do I tell my code to start a new menu item on the NEXT line?

A: There are 2 ways to do that:

1. set

  var noWrap=0;

2. use
tags, for example:

  var menuItems = [
 ["|Here is where <br> I would like
to have a line<br> feed",,"","", "", "", "", "", "", "", "",],
];