Recent Questions
Q: I can't figure out how to get menu items to swap images to use like a traditional image rollover. In the Dhtml menu, I can change the style background without needing images, or I can use generic images as a background, but I have situations where I need to use unique images for each state of a button.
These unique image buttons contain text and graphics, and there are different images for different states: normal, mouse over, mouse down.
A: The menu has only two states normal and mouseover.
You should use Individual Item Styles.
Please, see the example of Deluxe Menu here:
http://deluxe-menu.com/data-templates/vista-style-02-template-sample.html
You should use "itemBackImage" parameter.
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_greenblack.gif,btn_green.gif"],
];
Q: Is it possible set a menu item to pressed when a page is loaded when you have multiple drop down menus on the page?
I have 2 menus side by side and I was able to set the pressed item with the JavaScript API as described in your FAQs but when I try to show an item as pressed in a second menu on the same page, the corresponding item in the first menu shows as pressed. Is there a different function that I can use for this or a way to reset the menu ID in the second menu to start from where the first menu left off so I can use the same function?
A: See the first parameter in
dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
function is index of the menu.
So, if you use several menus on the one page you should use differentmenuInd parameter.
For example you have:
<script type="text/javascript" src="menu/data1.js"></script> //menuInd=0
...
<script type="text/javascript" src="menu/data2.js"></script> //menuInd=1
...
<script type="text/javascript" src="menu/data3.js"></script> //menuInd=2
...
<script type="text/javascript" src="menu/data4.js"></script> //menuInd=3
So, for the second menu you should write:
dm_ext_setPressedItem (1, 2, 5)
Q: What I would like to achieve is a separator in the main menu list of a vertical menu.
I can get the separator to show in submenus but not the main menu.
A: You should write so:
var separatorImage="menu.files/sep_blue.gif";
var separatorWidth="90%";
var separatorHeight="3";
var separatorAlignment="center";
var separatorVImage="menu.files/sep_blue.gif";
var separatorVWidth="90%";
var separatorVHeight="3";
var separatorPadding="0px";
Q: We are facing a problem with display of deluxe menu in Internet explorer 7.0
Java script menuis displaying fine in Mozilla Firefox & Internet Exploer 6.0.
A: Your browser has JavaScript option disabled.
It means that no one JavaScript element can be run.
You should to enable JavaScript in IE:
Tools -> Internet Options -> Security -> Custom level... -> Scripting -> Active Scripting = Enable
There is no way to enable these preferences automatically, in othercase there are no reasons to create security preferences.
You can use search engine friendly code, so you'll see all yourlinks (for the main items and submenus) when your security settings in IE doesn't allow Javascript.
You can generate search engine friendly code.
Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:
<div id="dmlinks">
<a href="menu_link1">menu_item_text1</a>
<a href="menu_link2">menu_item_text2</a>
...etc.
</div>
To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).
