Dojo Horizontal Menus by Deluxe-Menu.com
Dojo Horizontal Menus

Template:






    - Submenus dropdown on mouseover
    - Horizontal or vertical orientation
    - Text aligned to left
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Image arrows
    - Submenus go over all page objects
    - Inactive/Disabled items
    - AJAX menu loading - loads web menu data from the server "on-the-fly".




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

Menu Screenshots

Dojo Horizontal Menus Tab Menu With Javascript

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

Features

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
Drag And Drop Tree Explorer Menu Dojo Horizontal Menus
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dojo horizontal menus samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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 dojo horizontal menus 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.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I got the tabs menu to work!

Can you tell me which file(s) I must change to change the content of each tab

Very many thanks for your help.


A: For each tab you can set content <div> (contentName,contentDescription, contentVariations).

  var bmenuItems =
[
["Style Name","contentName",,,,,"1"],
["-",,,,,,"0"],
["Style Description","contentDescription"],
["-",,,,,,"0"],
["Style Variations","contentVariations"],
["-",,,,,,"0"],
["Empty",,,,,,"2"],
];

You can find these divs in the tabs-style-glass.html file. You shouldpaste the content of your tabs in these divs.


Q: This is probably a really basic question, but I was wondering if
your dhtml menu maker makes it possible to determine the direction of the
drop down menu. In other words, my menu is at the bottom of the page
and I want the drop down list to actually go "up," not down.
Is that possible with your software?


A: Yes it is possible.

You should use the following parameter

  var subMenuVAlign="top"; //downward
  var subMenuVAlign="bottom"; //upward

  var subMenuAlign="left"; //from left to right
  var subMenuAlign="right"; //from right to left



Q: As a part-time webdeveloper I have gotten very interested in your product. I really appreciate a number of things

- it's very flexible
- it's very easy to work with
- examples nicely show the capabilities

But I have a couple of questions:

- When opening a menu, there is an option for keeping the menu-item that has been pressed hightlighed (so that the user can see what he/she pressed). Is it possible, programmatically, to decide when this highlighting should be removed? The scenario is that, when a menu-item is clicked the used might browse for a couple of pages within the context defined by the menu-item, but when the user leaves, the menu-item should no longer be highlighted. I will (programmatically) decide the context, but is it possible for me to interact with the menu, and for example decide explicitly which menu should be highlighted?
- Our design department would like the menu containing the elements: "Skovdrift, Juletreer, Skovrejsning, etc". Please notice that "Brende" is supposed to show a menu item that is hightlighted. Is is possible to create this menu such that it is dynamic and each item is text-based (and not based on two pictures for each menu-entry: hightlighted and not)? I've been wondering how to solve this problem, but I cannot figure out a solution. The problem that I is stuck at, is how organise this speciel "frame" around each menu-element. Something that be partly accomplished using "arrowImageMain", but that does not bring me all the way. Please notice that the menu-items might not have any sub-menu.


A: I suppose that you're saying about
  var pressedItem=-2;
Defines an item that will appear in the highlighted state
(-2 - normal mode, -1 - toggle mode is active, but highlighted item not defined, 0,1,2,3,... - # of pressed item including separators)

This parameter will not approach you.

You should 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: Shall I have to call the main egine file of the javascript menu maker - dmenu.js twice if I want to install two menus on the page.

The second script:
<script type="text/javascript" src="datatopnav.files/dmenu.js"></script>

Is for the top navigation menu, the datahscounseling is for the side menu. If I delete that line won't my top navigation be gone?

A: No, when you have several menus on the same page you should calldmenu.js file only once and then call several data files.

You should install the menus in the following way:

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

<script type="text/javascript" src="datatopnav.files/dmenu.js"></script>
<!-- (c) 2007, http://deluxe-menu.com -->
...
</head>
<body>
...
<TD height=25 colSpan=3 class=style1>
<script type="text/javascript" src="datatopnav.js"></script></TD>
...
<td width="180" height="307" rowspan="2" valign="top" bgcolor="ffffff"><div align="left">
<script type="text/javascript" src="datahscounseling.js"></script></DIV>
...
</body>

Both menu will work correctly in that case.

See the example I've sent you. It works fine.

You can find more info about installation of several menus on thesingle page:

http://deluxe-menu.com/installation-info.html

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