Indexhibit Expanding Menu Plugin by Deluxe-Menu.com
Indexhibit Expanding Menu Plugin

Menu Screenshots

Indexhibit Expanding Menu Plugin Dropdown Menus With Javascript

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
Javascript Expand Menu Examples Indexhibit Expanding Menu Plugin
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed indexhibit expanding menu plugin samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions

Q: I'm struggling with one last issue on my navigation. When you have a screen resolution about the same size as the site width, when a sub menu pops up, It displays sometimes to the left of the first drop down menu list rather than the left. Is there a way of changing the way this displays if the screen size is smaller than 800px wide or so.

A: If there is no enough room on the right side of your browser windowdrop down menu list submenus will be shown on the left side.



Q: I place all of my files in folders.  If I want the Deluxe menu to work I have to have the Deluxe menu saved in each folder for it to work with the files inside those folders. 


A: There is no need to copy al files for the menu in each folder.

To install the menu you can use such paths:

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

You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


Q: I am generating a conference website which I though will be out as soon as possible but you javascript menu generator has become impossible to insert in my page, here attached in a sample page, it is basic html, so tell me where am going wrong.

Or otherwise insert it for me.

A: Now you have:

<style type="text/css">
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "data.files/";</script>
<script type="text/javascript" src="data.files/dmenu.js"></script>
<!-- (c) 2007, by Deluxe-Menu.com -->
</style>


It is not correct.

You should write:

<style type="text/css">
</style>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "data.files/";</script>
<script type="text/javascript" src="data.files/dmenu.js"></script>
<!-- (c) 2007, by Deluxe-Menu.com -->




Q: As a follow up, please could you take a look at the attached images and let us know if there are any settings within the javascript drop menu files set within the previous mail that would make the 1st sub menu indent a couple of pixels when the 2nd sub menu sits correctly.

A: This is space to document borders. We've set this space, so that yoursubmenus will not look like the part of browser window. If you wantyou can delete that space.

Open dmenu.js file in any text editor and find the following code:

space=15;

Change 15 to 0.

space=0;