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: Do you plan to implement a fix in the cross browser drop down menu for the pointer - many of our users have complained that it is very un-intuitive - surely it must be possible to change the pointer to a hand if there is a link. I have tried putting <a> tags in to the menu labels, but it only changes to a hand if the actual label text is highlighted - it obviously should change whichever part of the box is highlighted? Is there no other workaround?
A: If you set the following parameter:
var itemCursor="pointer";
You'll have the mousepointer being a hand for all itemsin the menu.
Unfortunately, you can't change cursor type for different items.
But you can write so:
["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
["|What's New","", , , , , "0", , , ],
In all items with links you should use <a> tag.
Set this parameter:
var itemCursor="default";
Q: Hello, I am trying to figure out how to use the Dynamic functionality in the java menu codes. I believe I want to use something like the dm_ext_changeItemVisibility function, and I want it to be dependent on HTML wrapped around the menu item.
Below is functionally how I want it to work:
Show menu item 1
Show menu item 2
<if condition="!is_member_of($bbuserinfo,10)">
Show menu item 3
</if>
Show menu item 4
Is there an example you can share that does something like this? I searched the site and could not find an answer.
A: Yes it's possible, please see
http://deluxe-menu.com/dynamic-functions-sample.html
Disable "Product Info/Installation" item.
and
Hide / show "Samples" item.
You can call these function via javascript depending on your conditions.
Q: The dhtml floating menu does not align to the top of the column and it migrates as one scrolls up or down the page. I would like it to stay in one place.
A: 1) Add valign="top"> parameter for the TD tag with the menu:
<td valign="top">
<script type="text/javascript" src="welcome_files/frenchdata.js"></script>
2) Open your frenchdata.js file in any text editor (or Deluxe Tuner) and change:
var absolutePos=0;
var posX="20px";
var posY="120px";
to
var absolutePos=0;
var posX="0px";
var posY="0px";
3) To turn off the floating feature you should set the following parameter in yourfrenchdata.js file:
var floatable=0;