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

Template:

Grey Menu Template - Horizontal Dhtml Menu

 









    - Text aligned to left
    - Image arrows
    - Hundreds of pre-designed templates
    - Relative/Absolute menu position
    - Filters and Transitional effects
    - Unlimited number of sub levels
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Status string shows item labels




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Umbraco Cascading Menu Javascript Menubar Dropdown

Buy Now!   ::  Free Trial Download   ::  More Info

Features

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
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!
Javascript Menus Download Umbraco Cascading Menu
Cost Effective
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 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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing 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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I would like the button in the sub navigation bar to stay white when you navigate to a particular page..


A: 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.

Q: Now I experiences a problem with the Danish letters in my java menu scripts! I have changed the letters in the scriptfile - but this does not work Have we a problem with Danish letters like: ø, å, æ?

A: Please, check that you've set "Tools/Use utf8 encode".

Notice that you should have UTF8 charset on your page too:

<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">

You can also use another charset on your html page and open your data file in text editor, enter thissymbols and save data file in the way you save your html page.
Notice that you should turn off "Tools/Use utf8 encode" setting inorder to open your data file correctly in Deluxe Tuner.



Q: Is there anyway of selecting index location of the dhtml tab according to what webpage you are on ?

A: Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?&g5t;;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript>
</TD>



Q: My submenu is not display at the good position with Firefox.

Look at my web site with Firefox. Select item menu 'Inscription' and you'll see the problem.

Note: mainmenu.js is relative positioning. The table tag is absolute positioning.


A: Try to write so:
<TABLE id=Table60style="Z-INDEX: 803; LEFT: 295px; POSITION: absolute; TOP: 114px">
   <TBODY>
    <TR>
     <TD style="POSITION: absolute;"><NOSCRIPT><A href="http://deluxe-menu.com/">Javascript Menu by Deluxe-Menu.com</A></NOSCRIPT> <NOSCRIPT>MainMenu</NOSCRIPT>
<SCRIPT language=JavaScript1.2 src="deluxe_files/MainMenu.js" type=text/javascript></SCRIPT>
     </TD>
    </TR>
   </TBODY>
</TABLE>




Buy Now!   ::  Free Trial Download   ::  More Info