Recent Questions Javascript Tree Menu Code
Q: I would like to create my own jpeg images and use them as the mouseover-items in the top level cascading menu. I am not talking about the backround. I mean the actual upfront button. I seem to be locked into the size which is the default and would like to change it to width = 180px and height = 45px for each item in the menu. Is there any way to do that?
A: You should create Individual Style and assign it for all top items.
var itemStyles = [
["itemWidth=180px"],
];
var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", ],
Q: Now I need to work out how to add multiple java menu examples to a page? Are you able to reference these separately - is this possible.
A: You can add as many java menu examples as you want on the one page.
You should call
<SCRIPT type=text/javascript> var dmWorkPath = "data.files/";</SCRIPT>
<SCRIPT src="data.files/dmenu.js" type=text/javascript></SCRIPT>
and then call your data files:
<SCRIPT src="data.files/data1.js" type=text/javascript></SCRIPT>
<SCRIPT src="data.files/data2.js" type=text/javascript></SCRIPT>
<SCRIPT src="data.files/data3.js" type=text/javascript></SCRIPT>
<SCRIPT src="data.files/data4.js" type=text/javascript></SCRIPT>
Q: Is there a way we can add javascript behaviors to the sliding dhtml menu actions?
For example, is there a way we can add an onClick function to a menu item
(eg,onClick="return MyFunction( )" ) so that we can catch and process key events?
A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item.
However, you can achieve this by using standard html objects within items, for example:
var menuitems = [
["item text
", ""]
];
You can use your own Javascript code instead standard links. For example:
var menuItems = [
["text", "javascript:your_code_here"]
];
Try that.Q: How do I expand the length of the vista html drop menu tab images to accommodate longer text? If the text is "Special Event Programs", the arrows are outside the tab in another partial one. I am using the Vista style tabs (black_blue / tealblack).
Is there any way other than definition of new image files to get more color combos?
Can I change the text size in the menu tabs? When I use the Tuner, it has no effect.
A: Try to use image-based menu.
Set:
var menuWidth="92px";
var menuHeight="";
and create the following style:
var itemStyles = [
["itemBackImage=WANmenu.files/btn_magenta-back.gif,WANmenu.files/btn_magentablack-back.gif",
"beforeItemImage=WANmenu.files/btn_magenta-left.gif,WANmenu.files/btn_magentablack-left.gif","afterItemImage=WANmenu.files/btn_magenta-right.gif,WANmenu.files/btn_magentablack-right.gif","beforeItemImageW=10","afterItemImageW=10","beforeItemImageH=21","afterItemImageH=21",
"itemBorderWidth=0","fontStyle=normal11px Tahoma","fontColor=#FFFFFF,#FFFFFF"],
];
