Relative Floating Menu by Deluxe-Menu.com
Relative Floating Menu

Menu Screenshots

Relative Floating Menu Expandable Tree Menu Html

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your relative floating menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Dhtml Menu Tree Script Relative Floating Menu
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!
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: How does an item on the dhtml navigation menus connect to pages?

Does it take the page's name automatically?

If I add a page, will the menu item show the new page?

If I remove a page, will the menu remove the item?

A: > how does an item on the menu connect to pages?
You should create menu items in the Deluxe Tuner and specify link and target for each item, for example:
  var menuItems = [

["Upcoming Trainings","http://domain.org/pub/upcoming-trainings", "", "", "", "_self", "", "", "", "", "", ],
["Conferences & Workshops","upcoming-workshops.html", "", "", "", "_blank", "", "", "", "", "", ],
["Continuing Ed","ceu.html", "", "", "", "main", "", "", "", "", "", ],
];

> does it take the page's name automatically?
> if I add a page, will the menu item show the new page?
> If I remove a page, will the menu remove the item?
No, you should do it manually in Deluxe Tuner (or any text editor).


Q: Would it be possible at some point to introduce more font decoration options to the mouseover variables, I would like to add bold as a mouseover font decoration, but obviously this is not possible at the moment.


A: Unfortunately, Deluxe Menu doesn't have such a feature. You can onlyset it's color. You cannot set the font of menu item bold when selected.

You should addthe following code in your data file:

function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}

  var menuItems = [

["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],



Q: We are facing a problem with display of deluxe menu in Internet explorer 7.0
Java script menuis displaying fine in Mozilla Firefox & Internet Exploer 6.0.


A: Your browser has JavaScript option disabled.
It means that no one JavaScript element can be run.
You should to enable JavaScript in IE:

Tools -> Internet Options -> Security -> Custom level... -> Scripting -> Active Scripting = Enable

There is no way to enable these preferences automatically, in othercase there are no reasons to create security preferences.

You can use search engine friendly code, so you'll see all yourlinks (for the main items and submenus) when your security settings in IE doesn't allow Javascript.

You can generate search engine friendly code.
Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="menu_link1">menu_item_text1</a>
<a href="menu_link2">menu_item_text2</a>
...etc.
</div>


To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).




Q: I see one of the styles of tabs that Deluxe tabs can create is vertical ones, however, they appear just to be the floating type with images.  I'd like a more traditional looking, non-floating tab to sit vertically. Is that possible with your software?


A: If you don't want that your Tabs Menu float you should set thefollowing parameter:

  var bfloatable=0;