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

Menu Screenshots

Umbraco Expandable Menu Tutorial Drag Drop 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!
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
Java Example Dynamic Drop Down Menu Umbraco Expandable Menu
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
Cost Effective
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: I want to use
function dtreet_ext_userRightClick(itemID) {

alert(itemID[0]); ???

return false;
}

But how do I refer to tmenuItems array using itemID in the javascript?
For example, if I want to pop a link text, should I use alert(itemID[0]))?
It doesn't work.
Please let me know how I refer to the menu.

A: You should use the following function to get item's info:

dtreet_ext_getItemParams (0, itemID);

For example:

<script type="text/javascript">

function dtreet_ext_userRightClick(itemID)
{   var link = [];
link = dtreet_ext_getItemParams (0, itemID);
//Returns item parameters in the array:
// [item_id, index_within_submenu, parentID, level, has_child, child_count, expanded, text, link, target, tip, align, icons, hidden, disabled, visible]

alert(link[7]);


return false;
}
</script>




Q: I am using Deluxe-menu 3.0.

I can add dhtml popup menu items and submenu items. Each new sub menu item is placed at the bottom of that list. How can I move it up in the listing.

For instance if my menus are:

2007
2006
2005
2004

and I add 2008 - it will be placed below 2004, but I want it at the top of the list. Each item in the list has multiple subitems, so I don't want to delete the other items to get it in the correct order.

I looked through your help file, FAQ and online questions and could not find an answer.

A: To move items select items you want and use a mouse drag'n'drop method.

To copy dhtml popup menu items select those you want and use a mouse drag'n'drop method holding a Ctrl key.

You can find this info in Tuner's help, "Main Window" sheet.



Q: Option to make the background in a pop up dhtml item fully transparent so that the page below it is fully visible. Is this possible now?

A: Yes, it is possible now.

You can set the following pop up dhtml parameter:
  var menuBackColor="transparent";



Q: I'm using the deluxe-menu software on a asp.net 2.0 site that utilizes master-pages. On everypage that is in the root directory the javascript for menu loads fine, but if the page is up a directory the main images for the menu don't display.

Have you had any customers with this same problem? If so any help you could offer would be appreciated, thanks!

A: Try to use absolute paths, for example:

<script type="text/javascript">  var dmWorkPath = "https://www.watchguardsales.com/menu.files/";</script>
<script type="text/javascript" src="https://www.watchguardsales.com/menu.files/dmenu.js"></script>
<script type="text/javascript" src="https://www.watchguardsales.com/menu.js"></script>

and in your data file set:

  var pathPrefix_img="https://www.watchguardsales.com/images/";
  var pathPrefix_link="https://www.watchguardsales.com/";