When I select something from one of the mouseover menus it takes me to a link on a website,
var bmenuItems = [
var bmenuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
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:
You can try also to write links in the following way:
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.Q:
1) Can any HTML be inserted in to the text?
2) As the item has no link, how can I prevent the item being highlighted on mouseover? A: 1) Yes, you can insert any html code within menuItems, for example:
["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"],
["|Index <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "", "", ""],
["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'> <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
["|Write Us", "mailto:[email protected]", ""],
2) Yes, you can do it.
You should create Individual Style for it.
var itemStyles = [
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //style0
One other issue I'm having is that the content for the menu bar in java "selected tab" on my site does not show up in IE7. Works fine in firefox, though. Any ideas about that?A: Try to delete height: 0%; parameter from the styles:
<div id="content1" style="height: 0%; visibility: hidden;" class="tabPage">
So you'll have:
<div id="content1" style="visibility: hidden;" class="tabPage">