Recent Questions Tree Dhtml Javascript
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.Q: How do you center the text within the top-level cels in the drop down navigation bar?
A: You should set the following parameter:
var itemAlignTop="center";
Q: How can I set the top-level items to be transparent for the dhtml dropdown?
A: You should create Individual Item and Submenu styles with transparent itemBackColor and assign it for the top items:
var itemStyles = [
["itemBackColor=transparent,transparent","itemBorderWidth=0","fontColor=#000000,#000000"],
];
var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0"],
];
More info you'll find here:
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.htmlQ: Hello I am testing your product JavaScript Tree Menu, and want to create a special tree-menu.
I have a question:
Is it possible to have two icons in front of each dhtml menu item?
I need two icons in front of each menu-item that will symbolize an alarm and a sabotage-alarm.
I want to use animated gifs on these so that I can visualize alarm and sabotage on each menu-item.
But I also need an icon on the right side of the menu to show if the menu-item is expanded or not.
I want the structure to be like this:
Icon | icon а| Main menuitem1а | expandedicon
Icon | icon | sub menuitem1 | expandedicon
Icon | icon | sub menuitem1.1 | expandedicon
Icon | icon | sub menuitem1.2 | expandedicon
Icon | icon | sub menuitem2 | expandedicon
Icon | icon а| Main menuitem2а | expandedicon
Is this possible to achieve with your menu?
A: Yes, it is possible.
Actually you can use any html code within menu items.
["|<img src='default.files/icon1_so.gif' style='margin-right: 10px'>Home","testlink.htm", "default.files/icon1_s.gif","default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
