Recent Questions Tree Menu Mouse Over Slide Out
Q: I have downloaded the trial version of JavaScript Tree Menu and am seriously looking at buyingit. I am trying to go thro the instructions and check out if it meets my requirement.
I am not able to figure out how to equally space out all my menu items on the javascript menu bar.
My menu bar width is fixed at 800 px and I have 7 items - horizontal type. The menuitems widths appear different for the menu items. How do I ensure that all of them are ofequal size ??
A: Set width for the items using Individual styles:
var itemStyles=[
["itemWidth=100px"],
] //style 0
Assign Individual Styles for the menu Items.
var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style 0
["Item 2",", "data2.files/icon1.gif", "data2.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style 0
];Q: I recently upgraded to the new version. Now I am having a problem with the javascript navigation width. I have the main menu set it 98% using the Deluxe Tuner but it only shows it on my web page at about 25%. I can’t seem to get it to change. I have opened the js file and it is showing 98% but still showing at 25% on web page. I am using a floatable horizontal menu with submenus. Can you think of anywhere else I need to check/check a width setting?
A: Check that you haven't set itemWidth parameter in your styles, for example:
var itemStyles = [
["itemWidth=150px"],
];Q: I really want the actual dhtml menu bars to be SE Friendly. Is this possible?
A: You should generate search engine friendly code and install it on yourpage.
JavaScript Tree Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:
<div id="dmlinks">
<a href="menu_link1">menu_item_text1</a>
<a href="menu_link2">menu_item_text2</a>
...etc.
</div>
To generate such a code use Deluxe Tuner application.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).
We use such code on our website
http://deluxe-menu.com
Q: I am evaluating your product and would like to display my top menu without a border, but have the dropdown (child menus) all have a border and shadow.
If I change the menuBorderWidth to anything but 0, I get a menu on both the top menus and dropdowns. I need a topBorderWidth and a childBorderWidth.
Is there any way to accomplish this?
A: Yes, you can do it.
Please, set:
var menuBorderWidth=0;
To set border for submenus you should use Individual Submenu styles, for example:
var menuStyles = [
["menuBorderWidth=1","menuBorderColor=#9A9CA7"], //style 0
];
var menuItems = [
["Home","testlink.html", , , , , , , , ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , "0", , ], //style 0
["Samples","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
["|Sample 1","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , , "0", , ], //style 0
["|Sample 2 is Disabled","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , "_", , "-1", , ],
...
You should assign style for the first item in the submenu.
