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

Template:






    - Relative/Absolute menu position
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Submenus go over all page objects
    - Submenus automatically scrolls
    - Personal CSS styles for separate menu elements
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Filters and Transitional effects
    - Transition #14 - "fade out" effect




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

Menu Screenshots

Indexhibit Vertical Drop Down Menu Javascript Popup Relative Position

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

Features

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
Transparent Javascript Indexhibit Vertical Drop Down Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed indexhibit vertical drop down menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have the mouseover menu working fine but want the chosen option to display in a tab under the menu.

A: Deluxe Tabs doesn't have API functions to set pressed item on-the-fly. You can set presseditem on the page loading only.

But you can use onClick event for the Deluxe Menu items and call the following function toopen appropriate tab:

dtabs_itemClick(menuN, itemN);

where
menuN - index of a menu on a page, >= 0.
itemN - index of a tab you want to show, >=0.

["<div onClick='dtabs_itemClick(0,2)'>Open 3rd tab</div>","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],


Q: I want to know context menus can be displayed?


A: Yes you can create context menu, for more info see:

http://deluxe-menu.com/popup-mode-sample.html


Q: When the page initially loads, the sizing of all the tabsappear the way I want them to.
The first time any of the tabs are clicked on in the dhtml tab menu, I get a little bit of white space and a faint vertical line just to the left of tab 1.


A: Try to set your tabs in the following way:

  var bmenuItems = [

["TRACING SYSTEM","link:tracing.html", "", "", "", "AUTOMATED TRACING SYSTEM", "", "", "", ],
["DOCUMENT RETRIEVAL","link:docret.html", "", "", "", "DOCUMENT RETRIEVAL SYSTEM", "", "", "", ],
["ON SPOT BY BOOKING NUMBER","link:onspot.html", "", "", "", "ON SPOT BY BOOKING NUMBER", "", "", "", ],
["CUSTOMER PORTALS","link:portals.html", "", "", "", "CUSTOMER PORTALS", "", "", "", ],
["EDI","link:edi.html", "", "", "", "ELECTRONIC DATA INTERCHANGE", "", "", "", ],
["GPS TRACKING","link:gps.html", "", "", "", "GPS TRACKING", "", "", "", ],
["WMS","link:wms.html", "", "", "", "WAREHOUSE MANAGEMENT SYSTEM", "", "", "", ],
];

You should also set
  var bselectedItem=0;
to select your first item by default in that case.



Q: I still am unable to make content show for each menu with dhtml tab.

I can make it open a new webpage, but that isnt what I want.

What I want is when the visitor clicks a tab, then content for that tab shows, on the same page, and the tab menu still there.

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of theDIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within menu with dhtml item's link field:"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],


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