Umbraco Expandable Menu by Deluxe-Menu.com
Umbraco Expandable Menu

Menu Screenshots

Umbraco Expandable Menu Creating Drop Down Menu In Javascript

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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed umbraco expandable menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Category Menu Javascript Umbraco Expandable Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your umbraco expandable menu 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.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: I regret to inform you that I have not fail understand, how can change place of the icon in software Deluxe Tuner(Menu).


A: You should add icons for the item in the "Item Parameters" window.

Now you have:
  var arrowImageMain=["vertikalno menu.files/icon_office_tuner2.gif","vertikalno menu.files/arrv_black.gif"];
  var arrowImageSub=["vertikalno menu.files/arrv_black.gif","vertikalno menu.files/arrv_black.gif"];

But you should add "vertikalno menu.files/icon_office_tuner2.gif" iconin the "Item Parameters" window.

So you will have in your menuItems
  var menuItems = [

["New Item","testlink.html", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , , , , , ],
 ["|New Item ","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],
["New Item","", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , , , , , ],
 ["|New Item","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],
["New Item","http://deluxe-menu.com/order-purchase.html", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , "_blank", , , , ],
 ["|New Item ","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],
["New Item","testlink.htm", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , , , , , ],
 ["|New Item ","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],


Q: One of my customers that is utilizing apycom floating navigation bar is getting a malware warning from google. Is there any chance this is caused by your scripts?

A: Actually we're using our menu on several sites and we don't have such problems.

We haven't heard about such problem with the menu from our customers too.


Q: I know. I have two menus on the page and I am not using beforeItemImage orafterItemImage for the top menu in javascript (the one you referenced below), but I need it for the second menu. The parameters for that menu are in mainnav_data.js.

Even when I only call dmWorkPath and dmenu.js once, it does not work.

A: See, it is not correctly to use image-based items:

["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "0", "", "", "", "", ],

and specify beforeItemImage/afterItemImage parameters. They won't work in that case.

You can create such buttons in the following ways:
1) Use image-based menu (images with text).

Create normal and mouse-over state images (with text) for each item:
["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/new.gif", "mainnav_data.files/new2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/xxxxx.gif", "mainnav_data.files/xxxxx2.gif", "", "_self", "", "", "", "", "", ],


2) Use combined background for the menu in javascript items (images without text).

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif

You cannot use these two methods together!


Q: Can I have the pop-out items in the dhtml menu bar go left instead of right. Going right they run off the page.

A: You should use the following parameter (Deluxe Tuner->Positioning):

  var subMenuAlign="left";