Drop Down Menu In Indexhibit by Deluxe-Menu.com
Drop Down Menu In Indexhibit

Menu Screenshots

Drop Down Menu In Indexhibit Javascript Drop Menu Tutorial

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
Menu Drop Down Menu Javascript Drop Down Menu In Indexhibit
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your drop down menu in indexhibit 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 drop down menu in indexhibit samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: Using the example menu you have, how do i make the sub-menu for the 'Sample' menu item a multi-column and leave the 'Product Info' menu item as is.
I only want certain sub-menus to have multi-columns. I don't want all menu items to have a multi-column sub.


A: Please, see the attached example.
You should use individual styles.

  var menuStyles = [
    ["smColumns=2"],
    ["smColumns=1"], //style 1
];

...
   ["More Samples","testlink.htm"],
      ["|Group 1","", , , , , "3", "1", , ], //assign style 1

Try that.


Q: Can I create menus with cross-frame capability using your drop down menu generator?
With the menu beingin one frame and the submenus opening to the other frame?

A: See how should you create cross frame menu:

1. To initialize the cross frame menu call dm_initFrame()
function instead of standard dm_init() function within data.js file:

dm_initFrame(framesetID, mainFrameInd, subFrameInd, orientation);

framesetID - id attribute of the frameset;
mainFrameInd - index of the main frame (where the top-menu is placed), >=0;
subFrameInd - index of the subframe (where the submenus will be shown), >=0;
orientation - frame orientaion: 0 - top-to-bottom, 1 - left-to-right; 2 - bottom-to-top; 3 - right-to-left.

So you should create your menu in Deluxe Tuner, save it.
Create html file with your frame set.
Set ID for the first frameset:
<FRAMESET id=frmSet rows=220,*>
<FRAME id=frame1 src="Deluxe Menu Samples_files/cross-frame-horizontal-1.htm"> //menu frame
<FRAME id=frame2 name=frame2 src="Deluxe Menu Samples_files/testlink.htm"> //content frame
</FRAMESET>

Then you should open your data file in any text editor and change
dm_init(); for example to dm_initFrame("frmSet", 0, 1, 0);
You'll find more info here:
http://deluxe-menu.com/cross-frame-mode-sample.html

Q: Is there a way to highlight the selected item in the dhtml treemenu of the current page when the link target is _self?
Or pass in the selected item to the new page?

A: You can set a pressed item using Javascript API:

function dtreet_ext_setPressedItem (menuInd, itemID)

Please, see here:
http://deluxe-tree.com/functions-info.html

You can also set
  var tsaveState = 1;

More info you can find
http://deluxe-tree.com/data-samples/tree-menuxp-save-state.htm

To expand specific items you should use API function
function dtreet_ext_expandItem (itemID, expand)


Q: How i can isert any html code in css dynamic menu?

A: You are able to paste any html code within items.
So you can paste a form too.

For example:

  var menuItems = [

...

   ["||<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q' value='searchthe web' size=15 style='font-size:10'> <INPUT type=hidden name=cof
value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:
http://domain.edu;AWFID:e01cb67b8afe383e;'></form></nobr>","", "images/icons/search.gif", "", "", "", "", "2", "", "", "",],