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

Template:

iPhone 8 Template - Collapsible Drop Down Menu






    - Unlimited number of sub levels
    - Items with icons
    - Transition #14 - "fade out" effect
    - 85% transparency for sub menus
    - Relative/Absolute menu position
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Text aligned to left
    - Keyboard navigation - press Ctrl+F2 to enter the top menu




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

Menu Screenshots

Indexhibit Drop Down Menu Mouseover Dropdown Menu Over Frame

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

Features

Cost Effective
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
Crossbrowser Transparency Indexhibit Drop Down Menu
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
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!
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



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I'm having multiple problems with this now, I'm using this sight in the horizontal cross-frame style. And using the CSS-type layout.

Problems:

1. This appears to be working fine in Firefox but I can't see the Menu or frames in Internet Explorer.

2. I have changed the colors in the data.js and the css-mode.css files and still can't change the subMenu background colors. ( I have put everything back like it was, but for example if I want to change the submenu or drop down menu background color to grey and the mouseover color to red where do I change that at)? Do I edit the .css file or the data.js file

3. I can't get the links to open in the bottom frame ( I know you will see that it's set to _blank now, but I tried setting the   var itemTarget="_bottommenu"; and the code in the menu section at the bottom of the data.js to the same but it still doesn't seem to work. Can you help me out here?

I have attached the sight so that you can see what I'm dealing with.

Once again, thanks for your help and any advice.


A: 1) Your menu works fine in all browsers.

2) Your should add the following line into the bottommenu.htm file.
<link href="data-samples/css-mode.css" type=text/css rel=stylesheet>

You should set the item color for the submenus in your css file initemNormal and itemOver styles.

3) You should use the following parameter to set a frame name:

  var itemTarget="";

["Home","testlink.htm", "css/icon1.gif", "css/icon12.gif", "Home", "frm2", "0", "0", , ],
["Products","", "css/icon2.gif", "css/icon22.gif", "Products", , "0", , , ],
 ["|Hard Drives","testlink.htm"],
 ["|Servers",""],
   ["||Linux Compatible","testlink.htm", , , , "frm2",],
   ["||Windows Compatible","testlink.htm", , , , "frm2",],
...


Q: I am interested in this script

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

Is that possible that the "2nd" menu is activated with left click and to delete the "1st" menu.


A: Yes of course you can create any menu on your page.

See how you should call pop up menu
<img src="data-samples/images/popup_pic.gif" width=180 height=119 onClick="return dm_popup(1, 2000, event);" onContextMenu="return dm_popup(2, 2000, event);" style="cursor: pointer;">


To use one menu on you page you should write
<img src="data-samples/images/popup_pic.gif" width=180 height=119 onClick="return dm_popup(1, 2000, event);" style="cursor: pointer;">


You can create you own menu using Deluxe Tuner application or use thismenu.


Q: Can a menu item that expands the submenu items when selected also work as a link?

A: Actually you cannot use links for the top items in the XP Style.

But you can write:

["<a href='index.html' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
["<a href='http://www.domain.uk' class='home'>About Us</a>","", "", "", "", "", "", "0", "", ],
 ["|Introduction","http://www.domain.uk/introduction.htm", "", "", "", "", "", "", "", ],

And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}

But in that case the submenu and link open when you press "About Us" item. I think that it is not verygood behaviour. You can also try to specify target parameter

["<a href='index.html' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
["<a href='http://www.domain.uk' class='home' target="_blank">About Us</a>","", "", "", "", "", "", "0", "", ],
 ["|Introduction","http://www.domain.uk/introduction.htm", "", "", "", "", "", "", "", ],



Q: The /js subdirectory of the Apycom Tree Menu trial package has no data file, i.e. the data file is missing.

A: This file can be renamed, for example, into tree-data.js.
This file contains Javascript code with menu parameters and items.
It has the following structure:

  var param1 = value1;
  var param2 = value2;
  var param3 = value3;
...
  var tmenuItems = [...];

Please, check that.
Use our examples to see how to install the menu.
Use DHTML Tuner application from the same .zip package to create andconfigure your menus.



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