Dropdown Menu Javascript by Deluxe-Menu.com
Dropdown Menu Javascript

Template:

iPhone 15 Template - CSS Menu Slide






    - Items with icons
    - Sound support!
    - Cross-frame support - menus work on frameset-based pages
    - Transition #14 - "fade out" effect
    - Horizontal or vertical orientation
    - Several menus on one page
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Unlimited number of sub levels




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

Menu Screenshots

Dropdown Menu Javascript Javascript Menue Horizontal

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your dropdown menu javascript menus easily and in no time
  • Sensible menu parameters for manual editing
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!
Creating Dynamic Menu Dropdown Menu Javascript
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dropdown menu javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: We are unable to get sub-menus to appear on page load or rather simulate a "windows application style menu".

How can we in combination with the java menu api function dm_ext_setPressedItem get the associated sub-menu to display? This function simply sets the item to "pressed" rather than actually showing the sub-menu. Attempts at beginning an item's text value with "+" only works with Deluxe Tree.

Again, we are trying to use the menu not only as a navigator but also as a visual aid for the user to determine what page they are viewing. For example, when a user clicks on a menu item and that page loads, the menu should display the top-level item pressed, the sub-menu group, and the item pressed.

Furthermore, it would also be useful if we could then "unlock" the pressed items and navigate the menu under normal circumstances.

If there are no existing "quick" functions to accomplish this, could you please point out the function in dmenu.js or another engine file that initiates the display of sub-menus, we could then force the menu to select a top-level item in the onload event thus showing a top-level item pressed along with it's related sub-menu.

A: Unfortunately Deluxe Menu doesn't have such a feature now. It is notpossible to set parent item highlighted, expanded submenu group andhighlighted submenu item.

You can do it using Deluxe Tree now only.

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: Does your menu have the ability to have small text boxes on it?
For example the search box on your main page under your logo.


A: You can use any html code within item text, for example:

  var menuItems = [
["<input type=text value='field'>text", ],
];

Try that.


Q: I need to include background images for my navigation, so I put them in the same folder where the "data.js" file can be found. I am using the deluxe tuner in order to call these files and it looks great in the preview. As soon as I save the file and load it in the browser, the background images are missing.

Your solution refers to creating absolute paths using
  var pathPrefix_img = "http://domain.com/images/";

I have implemented this solution but I still think the problem persists.


A: Now you set pathPrefix parameter:
  var pathPrefix_img = "http://www.domain/folder/menudir/dataAlumni.files/";

And you have such images paths, for example:
  var arrowImageSub=["dataAlumni.files/submenuIconOff.gif","dataAlumni.files/submenuIconOn.gif"];

So you have such paths for arrows:
http://www.domain/folder/menudir/dataAlumni.files/dataAlumni.files/submenuIconOff.gif

It is not right.

You should write your paths so:
  var arrowImageSub=["submenuIconOff.gif","submenuIconOn.gif"];

Please, correct it.


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