Recent Questions
Q: How do you specify different number of sub menu columns for each menu heading in the dhtml menu bar?
When I put var smColumns = 5; it changed it for both my multicolumn headings.
A: You should use Individual Submenu Styles, for example:
var menuStyles = [
["smColumns=3"],// 0 style
["smColumns=2"],// 1 style
];
var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
["Product Info","", "", "", "", "", "0", "", "", "", "", ],
["|Features","testlink.html", "", "", "", "", "", "0", "", "", "", ], // 0 style
["|Installation","", "", "", "", "", "", "", "", "", "", ],
["||Description of Files","testlink.html", "", "", "", "", "", "", "", "", "", ],
["||How To Setup","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Parameters Info","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Dynamic Functions","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Supported Browsers","", "", "", "", "", "", "", "", "", "", ],
["||Windows OS","", "", "", "", "", "", "", "", "", "", ],
["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
["||Firefox","", "", "", "", "", "", "", "", "", "", ],
["||Mozilla","", "", "", "", "", "", "", "", "", "", ],
["||Netscape","", "", "", "", "", "", "", "", "", "", ],
["||Opera","", "", "", "", "", "", "", "", "", "", ],
["Samples","", "", "", "", "", "0", "", "", "", "", ],
["|Sample 1","testlink.html", "", "", "", "", "", "1", "", "", "", ], // 1 style
["|Sample 2 is Disabled","testlink.html", "", "", "", "_", "", "", "", "", "", ],
["|Sample 3","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 4","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 5","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 6","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 7","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 8","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 9","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "_blank", "0", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "0", "", "", "", "", ],
];
Q: Can you please give me tips on how I can style all menuitems to have font bold when selected and normal font when not selected?
A: Unfortunately, Deluxe Tree doesn't have such a feature. You can onlyset it's color. You cannot set the font of menu item bold when selected.
You can set menu item's font bold onMouseover, see example here:
http://deluxe-tree.com/data-templates/vista-style-7-template-sample.html
You should addthe following code in your data file:
function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}
var tmenuItems = [
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Programs</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Appearance</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>User Accounts</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Personalization</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Sound and Speech</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Additional Options</div>","", "", "", "", "", "", "", "", ],
];
Please, notice also that you should add this function every time whenyou change your menu in Deluxe Tuner application, as Tuner deletesthis function.
Q: Although our college standard is IE, a lot of our students use firefox. I tried the css drop menu in Firefox 2, and it works, but the nice transition effect isn't there. Will you make this work soon?
A: Transparency and other transitional effects are supported by IE 5.5+only. This is MS IE feature. Other browsers don't support them.
Q: I would like to know if I can use Deluxe Menu to create pulldown menus on a Mac (Mac OSX). Thank you.
A: To create your menu on MAC you can use HTML version of Deluxe Tuner (for MAC OS). You can find it here:
http://deluxe-menu.com/deluxe-tuner-info.html