Transparent Menu Bar Indexhibit by Deluxe-Menu.com
Transparent Menu Bar Indexhibit

Menu Screenshots

Transparent Menu Bar Indexhibit Drop Down Menu Java Script Source Code

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
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
Drag And Drop Javascript Layers Transparent Menu Bar Indexhibit
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 transparent menu bar indexhibit menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed transparent menu bar indexhibit 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.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing 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: I am having a problem trying to get my scrolling menu javascript to work correctly with frames.

My web page is frame based. There are THREE (3) Rows. The top roe is "header" and the bottom row is "footer". The center row is divided into TWO (2) columns. The left is "contents" and the right is "main". This is a very standard configuration.

I have created a menu called "member-menu" and added it to the "content" html file. I have edited the "member-menu.js" file to add the "dm_initFrame("FrmSet",0,1,0); at the end of the file. Using the instruction provided when the scrolling menu javascript was saved. I then uploaded all of the required file to my server. At this point everything is fine, I go to a password protected page in the "\members" folder and this seems to work also. When I try to go to a "submenu" it wants to expand to the right in the "content" FRAME. I need it to expand into the "main" FRAME on the right.

I know that I am doing something wrong. I have read the instructions a dozen times and can't find the problem.

A: You should write the ID of your frames correctly, for example now youhave:

header - 0
contents - 1 (frame with the menu)
main - 2 (frame with submenus)
bootom - 3

In that case you should write init function in the following way:

dm_initFrame("FrmSet",1,2,1);

where - dm_initFrame("FrmSet",frame with the menu,frame with submenus,1);

Try that.

See more info here:
http://deluxe-menu.com/cross-frame-mode-sample.html


Q: How to open a popup after clicking on a popup menu in javascript item in Mozilla.

The code in java script is supporting internet explorer but not mozilla.

A: You can write your popup menu in javascript Items in the following way:

["Home","javascript:window.open('http://deluxe-menu.com');window.focus;", "", "", "Home", "", "", "", "", "", "", ],



Q: How do I apply styles to submenu items that are different from the styles of top javascript drop down menu items? For instance, I want to know how to apply background images for the submenus, but not for the menu items. I also want borders around the submenu ITEMS, not just the entire submenu. Here is the link to my page with the menus. The menu I am referring to is the top right hand menu (black with grey).

A: Create Individual Item and Submenu styles and assign it to your submenu items.

  var itemStyles = [

["itemHeight=23px","itemBackImage=deluxe-menu.files/btn_black.gif,deluxe-menu.files/btn_cyan.gif","itemBorderWidth=1","itemBorderStyle=solid,groove","itemBorderColor=#2C2C2C,#FF0000"],
];
  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","menuBorderStyle=none","itemSpacing=0","itemPadding=0px 0px 0px 10px"],
];

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],
 ["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
 ["|Installation","", "", "", "", "", "0", "", "", "", "", ],
   ["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "", "", "",],
   ["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],
...

Assign Individual Items style to all submenu items and Individual Submenu Style for the first item in each submenu.


Q: I made a html CD presentation based on cascading drop down menu but it works good only onIE and Google Chrome web browsers.

It doesn't work good on Mozilla Firefox browser. It shows menu properly but there is a problem with normal navigation.

The problem is with paths. I put the main js file in "menu" folder and I also have few folders with many html files in them.

For path I use the following "file:/(direct path to specific html file)". It works fine with IE and Google, but Mozilla/Firefox doesn't show the menu.

I tried also to use prefix "file:/" but it also doesn't show the cascading drop down menu on Mozilla/Firefox.

Is there any way to solve this problem?

Thank you for your answer.

A: It is not correct to add "file:/" in the link field.
You should write:

menu/image.gif
or
../menu/image.gif

You can try also to write links in the following way:
file://html/other/1.html
But I don't think that this will help you.

This is a feature of Firefox browser, Opera and Safari. These browsers cannot determine the root folder ofthe website (D:\ in the examples below) on a local machine (as IE and Google Chrome).

IE: D:\html\other\page.html (works)
Opera: file://localhost/html/other/page.html (link doesn't work)
Google Chrome: file:///D:/html/other/page.html (works)
Safari: file:///html/other/page.html (link doesn't work)
Firefox: file:///html/other/page.html (link doesn't work)

You use relative paths (and your folders have several embedded folders), so your links won'twork correctly in Firefox, Opera and Safari. The reason is not in the menu. Standard linkswon't work too.

So I think that the unique solution in your case is to move ALL link files (1.html,2.html, a.html ...) into the same folder with your index.html file.