Umbraco Cascading Menu by Deluxe-Menu.com
Umbraco Cascading Menu

Menu Screenshots

Umbraco Cascading Menu Cool Html Javascript

Features

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

  • 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: Can I center the css dropdown menu on page?

A: You should set relative position for the menu:

  var absolutePos=0;

and place it in DIV or TABLE with center alignment.



Q: Is there any way to call a javascript function on mouseover from a menu item?

A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];

  var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];

Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onMouseover='your_code_here'>item text</div>", "index.html"]
];



Q: I am trying to figure out how to make multiple clickable link popup windows on the same page.

A: You can do it in two ways:
1) Call different data files with DIFFERENT winID:"window1"!

2) Call only one data file and use deluxePopupWindow.open() function to open your windows:

<a href="javascript:;" onclick="deluxePopupWindow.open('window1', 'Content1 Content1', 'Window1',
'width=220,height=100,resizable,scrollbars=no,middle,right,fade-effect',
'windowsvista_graphite')">Click Here to see a chase1 sample</a>

See more info:
http://deluxepopupwindow.com/window-installation-info.html
http://deluxepopupwindow.com/samples.html

Q: The asp drop down menu should indicate with on which page I me just considers
(with anothercolour of the font of the active Link from the navigation, or an underline, bolder font, ...).

A: Deluxe Menu has only two states normal and mouseover, but
you can highlight menu items in two ways:

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>

...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html