Recent Questions Javascript Tree Accessibility
Q: Is there a way to add an email address as a menu item in the html free menu?
A: You can open any files using JavaScript Tree Menu including PDF files.
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]", ""],
Q: I have images that I want to use for the top level of the menu. How do I create a menu using images that were created in a different program? I tried to look in the frequently asked questions but IcouldnТt find anything that told me how. Thank you in advance for your help.
A: You can use any image for the top items.
You can set
var itemBackImage=["",""];
Or, create Individual style
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];
The new method of making image-based menus: if item text is empty, icon fields will be used as item images.
For example:
["", "index.html", "itemImageNormal.gif", "itemImageOver.gif", "Home Page"]
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.
Q: ["item text", "javascript:your_code_here", ...]
This won't work the java script executes when the link is clicked it is not the link itself.
Below is what I normally use and how would I incorporate that?
<a onclick="NewWindow(this.href,'name','490','400','yes');return false;" href="web/equipment/hydraulic_truck.htm">
A: I'm not sure I understand you.
You can use
NewWindow(this.href,'name','490','400','yes');
code in an item link:
["text", "javascript:NewWindow(url,'name','490','400','yes');"]
But if you don't want that, you can just insert <a> into an item text.
