Flyout Menu Javascript by Deluxe-Menu.com
Flyout Menu Javascript

Menu Screenshots

Flyout Menu Javascript Xp Style Menus In Fireworks

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed flyout menu javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Sliding Drop Down Menus Flyout Menu Javascript
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your flyout menu javascript menus easily and in no time
  • Sensible menu parameters for manual editing
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: I wanted to know how to hide/ disable a menu item for a particular user/roleid in dreamweaver dhtml menu..




A: You can find more info here:

http://deluxe-menu.com/dynamic-functions-sample.html

You can try to use API functions in that case:

function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

To disable items you should set the target parameter to "_".

You can try to use the following function

function disable()
{
dm_ext_changeItem(0, 1, 1, ["", "", "", "", "", "_"]);

}

to disable your items.



Q: I know I can fix the width of the entire (horizontal) menu. But is there a way to fix the width of each Item in the menu? I would like each Item to be the same width.


A: Please, try to specify units in "px", for example.

  var menuWidth = "600px";

It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.

Try to set individual style for item width:

  var itemStyles = [
["itemWidth=120px"],
];

  var menuItems = [

    ["Text1","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text2","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text3","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text4","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text5","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],

...


Q: I'm trying to implement your javascript menu source on a clients' web site.

If you go to my website you'll see my problem. I can't get javascript menu source to centre in the table I want it to - which is just below the header flash in between the two yellow lines.

Could you let me know what to do - then I can show it to my client and order it!

A: Now you're using absolute position for javascript menu source:

  var absolutePos=1;

You should use relative position:

  var absolutePos=0;



Q: We are unable to get sub-menus to appear on page load or rather simulate a "windows application style menu".

How can we in combination with the java menu api function dm_ext_setPressedItem get the associated sub-menu to display? This function simply sets the item to "pressed" rather than actually showing the sub-menu. Attempts at beginning an item's text value with "+" only works with Deluxe Tree.

Again, we are trying to use the menu not only as a navigator but also as a visual aid for the user to determine what page they are viewing. For example, when a user clicks on a menu item and that page loads, the menu should display the top-level item pressed, the sub-menu group, and the item pressed.

Furthermore, it would also be useful if we could then "unlock" the pressed items and navigate the menu under normal circumstances.

If there are no existing "quick" functions to accomplish this, could you please point out the function in dmenu.js or another engine file that initiates the display of sub-menus, we could then force the menu to select a top-level item in the onload event thus showing a top-level item pressed along with it's related sub-menu.

A: Unfortunately Deluxe Menu doesn't have such a feature now. It is notpossible to set parent item highlighted, expanded submenu group andhighlighted submenu item.

You can do it using Deluxe Tree now only.