Recent Questions
Q: Please tell me where I am going wrong:
The menu is all messed up!
A: See, now you have:
var itemBackImage=["data.files/btn_green.gif","data.files/btn_whitegreen.gif"];
and you also assign Individual Item Style with itemBackImage anditemWidth parameters for each item
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#000000,#000000",
"itemBackImage=data.files/btn_whitegreen.gif,data.files/btn_white_white.gif"],
];
var menuItems = [
["projects","", , , , , "0", "0", , ],
["FMWR","", , , , , "0", "0", , ],
["general water info","", , , , , "0", "0", , ],
["bulletin board","", , , , , "0", "0", , ],
["WSS MDG tracking","", , , , , "0", "0", , ],
["reform instruments","", , , , , "0", "0", , ],
You should delete itemBackImage and itemWidth parameters from itemStyles.
Q: Where do I increase the width of the javascript menu bars for each entry? Some of my links are a bit longer than the image and it's causing it to use part of another gif to cover it. Sorry not sure if I even explained that right. Let me know if this makes sense.
A: I suppose that you're using Vista style templates.
The width of vista images is 94px. If the width of your menu itemis wider than 94px you should correct the width of the images in anygraph editor, for example in Photoshop. You should set the width ofthese images 120px and set the following parameter:
var itemStyles = [
["itemWidth=120px","itemBackColor=transparent,transparent","itemBorderWidth=0","fontStyle=bold 10pxTahoma","fontColor=#FFFFFF,#F8FF95","itemBackImage=columbine.files/btn_orange.gif,columbine.files/btn_orange2.gif"],
];
You can also try to use the following parameter to use combinedbackground for your items:
var beforeItemImage = [,]; //left-side image for normal and mouse over state
var itemBackImage = [,]; //background or image for normal and mouse over state
var afterItemImage = [,]; //right-side image for normal and mouse over state
var beforeItemImageW = '';
var afterItemImageW = '';
var beforeItemImageH = '';
var afterItemImageH ='';
Q: I would like the cursor to change to a hand when over a drop down menu link...
A: Try to set this parameter to your drop down menu:
var itemCursor="pointer";
Q: I am trying the menu and facing one problem…
The text is too large and doesn't wrap around.. instead it makes the dhtml menu layers wider.
My dhtml menu layers needs to be 175 px only.. if there are to many characters in the link, I like it to wrap around to the next line…
Any options?
A: You should set the following dhtml menu layers parameter:
var noWrap=0;
You can also use standard <br> tags inside item's text:
["All Card <br>Envelopes","", "", "", "", "", "", "", "", "", "", ],