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

Menu Screenshots

How To Customize Indexhibit Menu Javascript Pulldown Menu Tutorial

Features

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
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 Menu Creation How To Customize Indexhibit Menu
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!
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

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.

Recent Questions

Q: I don't know anything about what JavaScript is all about...and I'm currently trying to get a menu that will float as I scroll down the page.
I saw the examples you have and I'd love to be able to do that on my website, but I don't understand the scripting that you have written there.
Like, what makes it float from this text...


A: If you want a floatable menu, you should set an absolute position forthe menu and paste the following code into your html page:

Paste the following code into <head> tag

<script type="text/javascript">  var dmWorkPath = "data.files/";</script>
<script type="text/javascript" src="data.files/dmenu.js"></script>

Then set coordinates of top-left menu corner in the data .js file, forexample:

  var absolutePos=1;
  var posX=30;
  var posY=110;

Then set   var floatable=1.

The parameter floatable=1 makes a floatable menu.

Also you can change any of menu parameters inside data .js file.


Q: I have a new poblem. The submenus of my dropdown menu php are going up instead of down.

A: You should set the following parameter:

  var subMenuVAlign="top";



Q: Javascript menu frame Borders are present Firefox but missing in IE7, IE8, Google Chrome, Safari.

Firefox shows the borders ok.

A: You've set the following parameters in this menu:
  var menuBorderColor="#FF9191 #FF7837 #E10000 #952D00 ";
  var menuBorderWidth=3;
  var menuBorderStyle="";

You should specify style for your border, for example:
  var menuBorderStyle="solid";

See the attached example. I cannot notice such issue on Safari forWin. Write what version you're using.

Change also
  var fontStyle=["normal 8pt Verdana,normal 8pt Verdana","normal 8pt Verdana,normal 8pt Verdana"];
to
  var fontStyle=["normal 8pt Verdana","normal 8pt Verdana"];


Q: Is there anyway of selecting the tab in mouse over tab menu according to what webpage you are on ?

A: Deluxe Tabs doesn't support API functions which can return the
selected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parameters
based on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parameters
from your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=;
  var bselectedSmItem=;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, for
example:
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>