Recent Questions
Q: I'm trying out your cool dropdown menu code.
I'm trying to rebuild my menu like this one
http://deluxe-menu.com/data-templates/vista-style-3-03-template-sample.html
I have a problem. In my case, I have some really long labels and some short ones. In some cases my text is larger than the button (see attachment). In your example all the buttons have the same width. Is it possible to have a Vista styled menu with different width for the buttons?
A: See images in Vista Templates have the fixed width and height (92 x 21).
If you want to change items' width/height you should change images.
btn_cyan.gif
btn_cyan2.gif
You can do it in any graph editor, for example in Adobe PhotoShop.
You should also change items width in your Individual Item Style.
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11pxTahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_cyan.gif,btn_cyan2.gif"],
];
You can do it in Deluxe Tuner.
Q: Where can I give the body of the javascript method which I use in cool dhtml menu?
A: You can define functions after menuItems, before you call dm_init();function.
var menuItems = [
["text", "javascript:your_function(...)", ...]
];
Where your_function(...):
function your_function(...)
{
.....
}
Q: Have a question regarding your Deluxe-Tabs product.
Is it possible to set dhtml navigation menu up so clicking a tab runs a function in my page?
A: You can use your own javascript functions and html code in the menu items.
Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:
var bmenuitems = [
["<div onMouseover='your_code_here'>item text</div>", "content1"]
];
Q: Please check my site and tell me why website drop down menu show no content with IE7 (XP or Vista.)
It works with all other major browsers and OS's.
A: Delete "height: 0%;" parameter from the style of the content DIV:
<div id="content1" style="height: 0%; visibility: hidden; display: none;" class="tabPage">
So you'll have:
<div id="content1" style=" visibility: hidden; display: none;" class="tabPage">