Umbraco Dropdown Navigation by Deluxe-Menu.com
Umbraco Dropdown Navigation

Template:

Veoh Style Menu Template - DHTML Horizontal Menu






    - Status string shows item labels
    - Items with icons
    - Filters and Transitional effects
    - Unlimited number of sub levels
    - Horizontal or vertical orientation
    - Several menus on one page
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - UL/LI items structure




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

Menu Screenshots

Umbraco Dropdown Navigation Dropdown Menu Javascript

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your umbraco dropdown navigation menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed umbraco dropdown navigation samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript Menu Toolbar Umbraco Dropdown Navigation
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!
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Do you by chance have the dhtml menu samples working with XML?

A: Unfortunately we don't have working example.

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.However, these scripts don't work inside of Javascript .js files, so,you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">dhtml menu samples by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2008, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html

Q: I am rewriting my homepage in CSS but now I have another problem with the DeLuxe menu.
The javascript top menu is well positioned on the page but the submenus are not.
The submenus are not positioned aside the javascript top menu but lower and far to much to the right.
I changed the variables

  var posX = 100;
  var posY = 100;
  var absolutePos = 1;
  var topDX = 0;
  var topDY = 0;
  var DX = -3;
  var DY = 0;
  var subMenuAlign = "left";
  var subMenuVAlign = "top";

Sometimes when I change the variables the submenus are well positioned and then, after enlarging the IE-window, they are not.
What can I do?

A: It is possible that you have some problems with your css styles.
See, the problem is that the javascript top menu can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "POSITION: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add style="POSITION: absolute;"

to the

<div id="block">



Q: I am having great problems making my tab working, I seems to select the second tab by default.

I have looked in your frequent asked questions and tried the below suggestion, I have not used the registered domain as I am in the process of design.

  var bselectedItem = 3;

Where 3 is the number of your menu item from the   var bmenuItems parameter.
  var bmenuItems =
[
["Mac Tab 1", "content1"],
["Mac Tab 2", "content2"],
["Mac Tab 3", "content3"],
["Mac Tab 4", "content4"], // selected tab
];
The ID of the item starts with 0.
Try that.

But without success?

Any idea?

Please advice


A: See, the ID of the item starts with 0.

So, if you use TabMode (  var tabMode=1;):

  var bselectedItem = 10;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Subitem1","testlink.html",] ID = 2
["Subitem2","testlink.html",] ID = 3
["Mac Tab 2", "content2"], ID = 4
["Subitem1","testlink.html",] ID = 5
["Subitem2","testlink.html",] ID = 6
["Mac Tab 3", "content3"], ID = 7
["Subitem1","testlink.html",] ID = 8
["Subitem2","testlink.html",] ID = 9
["Mac Tab 4", "content4"], // selected tab ID = 10
["Subitem1","testlink.html",] ID = 11
["Subitem2","testlink.html",] ID = 12

If you use tabs (  var tabMode=0;):

  var bselectedItem = 2;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Mac Tab 2", "content2"], ID = 2 // selected tab
["Mac Tab 3", "content3"], ID = 3
["Mac Tab 4", "content4"], ID = 4


Q: I purchased your product yesterday and was quite impressed, but I am having a bit of a problem with my submenuitems.
In the general menu properties there is a "Global"   var titemHeight = 22;
My problem is that I would like my upper level of my drop down menu to have one itemheight and my submenuitems to have a smaller height. Is this possible?

A: In the XP Style

  var tXPStyle=1;
the item's height for the top items and submenus will be different.

If you want to use

  var tXPStyle=0;

you can set ite's height for the submenus:
  var titemHeight=16;

And for other items use the blank icon with the height you want to have for the upper level of your menu items.




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