Indexhibit Top Menu by Deluxe-Menu.com
Indexhibit Top Menu

Menu Screenshots

Indexhibit Top Menu Using Javascripts

Features

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
Cost Effective
Expanding Menu Creator Indexhibit Top 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
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed indexhibit top menu 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.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: I have another question:

Menu behavior in SAFARI is does not properly work compared to EXPLORER.

If you have a look at the site via SAFARI, please do the following:

Example:
Under menu "Projets" select "par pays" then "Afrique" then "Algerie".

It will then show a left hand menu. Please select "2008/2010".

It will correctly show content.

Then if you try to select again via menu "Projets"; the html menu navigation does not show anymore the submenus. You still need to click a menu without submenus, like "News", and then afterwards you can click "Projets" and the system will again show submenus.

This strange behaviour does not appear in EXPLORER nor in FIREFOX.

A: The problem is in your frame structure after you open "Projets" select "par pays" then "Afrique" then "Algerie".

Your menu won't work correctly with such frame structure.

You should use the following frame structure for all pages at once:

--------------------------------------------------------
topFrame with the html menu navigation
--------------------------------------------------------
Algerie_leftFrame |
with | Algerie_mainFrame
Tree Menu |
--------------------------------------------------------
bottomFrame
--------------------------------------------------------

and write your init function in the following way:
dm_initFrame("frmSet", 0, 2, 0);

Or you shouldn't use Algerie_leftFrame and Algerie_mainFrame at all (use one mainFrame) and write your init function in the following way:
dm_initFrame("frmSet", 0, 1, 0);


Q: I am evaluating your product and would like to display my top menu without a border, but have the dropdown (child menus) all have a border and shadow.
If I change the menuBorderWidth to anything but 0, I get a menu on both the top menus and dropdowns. I need a topBorderWidth and a childBorderWidth.

Is there any way to accomplish this?


A: Yes, you can do it.

Please, set:

  var menuBorderWidth=0;

To set border for submenus you should use Individual Submenu styles, for example:

  var menuStyles = [
     ["menuBorderWidth=1","menuBorderColor=#9A9CA7"], //style 0
];

  var menuItems = [

     ["Home","testlink.html", , , , , , , , ],
     ["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
          ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , "0", , ], //style 0
     ["Samples","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
          ["|Sample 1","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , , "0", , ], //style 0
          ["|Sample 2 is Disabled","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , "_", , "-1", , ],
...

You should assign style for the first item in the submenu.


Q: Is it possible that when a main button on the home page is clicked and the viewer goes to the subpage, that the navbar will expand to the correct subpage submenu? For example, I click on Agent and when the subpage loads the submenu is expanded under Agent.

I've been trying to get the javascript hide menu bar to stay highlightedwhen clicked on and directed to that page. For example when clickedon Agent, then Agent Home, once that page loads the whole javascript hide menu bar for Agent Home stays highlighted in orange. I haven't been successful, any suggestions?

A: Tree Menu doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API.

You can find more info on our website:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html



Q: I have setup some tabs on a site that I am designing and for some reason when i click on a tab and it links to another page it automatically highlights the first tab in the row.
  I have triedfiddling with it and have not been able to figure it out.  Can someone point me in the right direction to have the correct tab selected in the css tab menu after i click it and goto the page.


A: Deluxe Tabs doesn't support API functions which can return theselected tab.

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

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

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>
</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, forexample:

<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>
</span>