Dhtml Floating Menu by Deluxe-Menu.com
Dhtml Floating Menu

Menu Screenshots

Dhtml Floating Menu Jscript For Creating Menus

Features

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!
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
How To Create Popup Dhtml Floating Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml floating menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml floating 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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing 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: How compatible is this program with Frontpage 2003?


A: Deluxe Menu wasn't developed as Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files. To install the menuinto your html page:

1. open the page in Dreamweaver/Frontpage
2. open html source code of the page
3. add several rows of code (<script> tags), For info see:
http://deluxe-menu.com/installation-info.html

That's all.

To create and configure your menus use Deluxe Tuner application(included into the trial package):

http://deluxe-menu.com/deluxe-tuner-info.html

If you have any questions - write us.

Please, try the trial version of Deluxe Menu.


Q: We have been evaluating your menu control.
But we are not able to use PNGFix javascript which is used for transparent PNG image in our down navigation bar. Your menu is transparent but it goes one layes behind. It should come on top of all with transparecy.

Your reply could help us make a buying decision.

A: Unfortunately it is really so. PNGFix javascript won't work.

We'll try to add feature to use transparent PNG images in the next version of Deluxe Menu.


Q: I have just 2 more questions.

1. Can the 3rd level be configured to be a javascript vertical menu?

2. Can your menu be configured per the following spec? Once you click on a 3rd level option that level would disappear & the 1st & 2nd level would be breadcrumbed (stay visible to show you where you are).

A: 1) Yes you can do it. Use smOrientation parameter in IndividualSubmenu Styles:

  var menuStyles = [
["smOrientation=0"], //id=0
];

Assign it to the first item in third submenu:
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", "", "", ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", "", "", ],
 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", "", "", ],
   ["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "0", "", "", "", ],

2) No, it is not possible now. Your 3rd level submenu will be visible too.


Q: I made a html CD presentation based on cascading drop down menu but it works good only onIE and Google Chrome web browsers.

It doesn't work good on Mozilla Firefox browser. It shows menu properly but there is a problem with normal navigation.

The problem is with paths. I put the main js file in "menu" folder and I also have few folders with many html files in them.

For path I use the following "file:/(direct path to specific html file)". It works fine with IE and Google, but Mozilla/Firefox doesn't show the menu.

I tried also to use prefix "file:/" but it also doesn't show the cascading drop down menu on Mozilla/Firefox.

Is there any way to solve this problem?

Thank you for your answer.

A: It is not correct to add "file:/" in the link field.
You should write:

menu/image.gif
or
../menu/image.gif

You can try also to write links in the following way:
file://html/other/1.html
But I don't think that this will help you.

This is a feature of Firefox browser, Opera and Safari. These browsers cannot determine the root folder ofthe website (D:\ in the examples below) on a local machine (as IE and Google Chrome).

IE: D:\html\other\page.html (works)
Opera: file://localhost/html/other/page.html (link doesn't work)
Google Chrome: file:///D:/html/other/page.html (works)
Safari: file:///html/other/page.html (link doesn't work)
Firefox: file:///html/other/page.html (link doesn't work)

You use relative paths (and your folders have several embedded folders), so your links won'twork correctly in Firefox, Opera and Safari. The reason is not in the menu. Standard linkswon't work too.

So I think that the unique solution in your case is to move ALL link files (1.html,2.html, a.html ...) into the same folder with your index.html file.