Recent Questions
Q: Do you have an extremely simple example of modifying a menu with the JavaScript API? I've played with the example on the site, but I have trouble removing the other menus without breaking it.
I just want to use the API to change the icon on the menu items.
A: You should use the following function:
function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
<script language="javascript" >
dm_ext_changeItem(0, 0, 1, ["", "", "new_icon.gif", "new_icon_o.gif", "",,""]);
</script>
Q: Can title attributes be added to a drop down menu html code?
A: Yes you can add titles in drop down menu. See menuItems parameter:
var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "TITLE", "", "", "", "", "", "", ],
Q: We work in a Mac environment, do you have a cross browser menu for that?
A: To create your menu on MAC you should download MAC version ofDeluxe Tuner.
http://deluxe-menu.com/deluxe-tuner-html.zip
Q: I was wondering if you could help me. I have recently done a site and put a menu into the site
The basic javascript menu is on the top of the screen but it has lines through each of the menus just after the words and before the arrow on each of them. I have stretched the menu out to cover the whole of the top of the page but i need to get these lines out of the menu.
Can you please help me with this problem?
A: See images in Vista Templates have the fixed width and height (92 x 21):
var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0","fontStyle=normal 11pxTahoma","fontColor=#3A3A3A,#000000","itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];
When items text is too long you can have such effect.
You can try to use combined background for your items, for example:
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 ='';
But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif