How To Customize Indexhibit Menu by Deluxe-Menu.com
How To Customize Indexhibit Menu

Template:

Olive Menu Template - DHTML Navigation Menu






    - Relative/Absolute menu position
    - 85% transparency for sub menus
    - Filters and Transitional effects
    - Submenus automatically scrolls
    - Unlimited number of sub levels
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Submenus go over all page objects
    - 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

How To Customize Indexhibit Menu Tree And Javascript And Source

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

Features

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
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
Dhtml Rollover How To Customize Indexhibit Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your how to customize indexhibit menu 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 how to customize indexhibit menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am trying to create a multicolumn dhtml navigation menu and nothing appears when I upload it to my server. I am attaching my menu called menu.js that I have created and placed in a folder called menudir.

Can you please advise, thank you.

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

Deluxe Menu has only two states normal and mouseover.

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">dhtml navigation 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: How do I apply styles to submenu items that are different from the styles of top javascript drop down menu items? For instance, I want to know how to apply background images for the submenus, but not for the menu items. I also want borders around the submenu ITEMS, not just the entire submenu. Here is the link to my page with the menus. The menu I am referring to is the top right hand menu (black with grey).

A: Create Individual Item and Submenu styles and assign it to your submenu items.

  var itemStyles = [

["itemHeight=23px","itemBackImage=deluxe-menu.files/btn_black.gif,deluxe-menu.files/btn_cyan.gif","itemBorderWidth=1","itemBorderStyle=solid,groove","itemBorderColor=#2C2C2C,#FF0000"],
];
  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","menuBorderStyle=none","itemSpacing=0","itemPadding=0px 0px 0px 10px"],
];

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],
 ["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
 ["|Installation","", "", "", "", "", "0", "", "", "", "", ],
   ["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "", "", "",],
   ["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],
...

Assign Individual Items style to all submenu items and Individual Submenu Style for the first item in each submenu.

Q: I didn't specify link for the item, but the problem is the mouse cursorchanges to a hand, when the item of the web navigation bar (not link) is mouse over.

A: Unfortunately there is no way to change cursor for items with links and without links.

You can try to use <a> tag inside the text field:

["<a href="http://domain.com/index.html">test</a>","",""]



Set default cursor:
  var titemCursor="default";




Q: Is there any way through script to call the function that would be called if the user clicked a dhtml tabbed menu?


A: You're able to use Javascript for each item, for example:

  var bmenuitems = [
["item text", "javascript:your_code_here"]
];

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 bmenuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];


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