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

Menu Screenshots

Indexhibit Vertical Drop Down Menu Menu Java Script Html

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your indexhibit vertical drop down menu menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Mouseover Menu Text 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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: Two questions. First I get a "Error! Skin Load!" popup when my onmouseover popup window loads.
I see references to "skin.js". Is this supposed to be generated?

Secondly.

I am being really dense. I would like to use Deluxe Popup Windows in response to a mouse click on a picture. So far with deluxe Menu, I just put a statement like this:

<script type="text/javascript" src="rvmonitor.js"></script>
where I wanted the menu to show up. The web page loads and the Deluxe Menu displays.

I have managed to make the onmouseover popup window appear by using that code, the web page loads and the popup loads (with the skin error).

I know how to get a larger picture from a smaller one like this:

<a href="../images/Tige/CabinetMod/Tige_CabinetMod04.JPG">
<img class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasketmount">></a>

I just don't know how to put the rvmonitor.js into the <a href...></a> function. Could I have a simple example?

A: See, to install Deluxe Popup Window you should call two .js files onyour page:

<head>
...
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script> //engine file
</head>
<body>
...
<script type="text/javascript" src="deluxe-popup-window.js"></script> //data file
...
</body>

Copy deluxe-popup-window.files folder and deluxe-popup-window.js fileinto the same folder with your html page.

To open your window on mouse click you should do the following things:

<a title="Click to open the window" href="javascript:;"onclick="deluxePopupWindow.open('win', '<img class=\'border0\'src=\'../images/Tige/CabinetMod/Tige_CabinetMod04.JPG\' alt=\'Gasketmount\'>', 'Full Image', 'width=180,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite')"><imgmount\'>class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasket mount"></a>.


Q: I am having some difficulty dynamically adding items to a tree javascript and menu.

I have a menu with one "root" item. I see the use of the "+" symbol within the item name. I do not see any documentation regarding this symbol, only "|". Can you explain?

If I have one menu with this one "root" node, how would I add an subitem to this root node?

Here is my code so far, but the inserted items appear to be at the same level as the root node.

  var rootItem = dtreet_ext_getItemIDByIndex ( 0,0 );

  var menuItem = new Array(10);
for (   var i = 0; i < producers.length; i++ )
{
  var producer = producers[ i ];
menuItem[0] = producer.name;

dtreet_ext_insertItem ( 0, 0, i + 1, menuItem );

A: See dtreet_ext_insertItem () function has the following parameters:

function dtreet_ext_insertItem (menuInd, parentItemID, itemInd, itemParams)

Creates a new item and inserts it into a specified position.
menuInd - index of a javascript and menu on a page, >= 0.
parentItemID - ID property of an item.<, >= 0.
itemInd - index of a new item within the javascript and menu, >= 0.
itemParams - item parameters.

Notice that parentItemID is the Id property of the parent item (notindex). If you want to add top items you should set parentItemID=0.

itemInd - you should use this parameter if you want to add item in thespecific place, for example set itemInd=5 if you want to add itembefore the existing item with itemInd=5.
If you set itemInd=null the new item will be added at the end of this submenu and its index will be added automatically.



Q: I have downloaded the trial version and so far I really like what I see except for one issue. Any page that includes the following doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

seems to break the absolute positioning of the menu and sends it to the far upper left corner of the page. Any help on fixing this would be greatly appreciated.


A: The problem is in <!DOCTYPE> attribute.

Please, set 'px' units for posX and posY parameters,for example:

  var posX="100px";
  var posY="100px";


Q: How can I open the link in a new window with your DHTML MENU?

A: Please, try to set that parameter in your data.js file:

  var itemTarget="_blank";