Recent Questions
Q: Does your Tree support right to left languages, like Hebrew? It's is very important for us.
I tried it but the text of the items are left justify.
A: You can use right-to-left languages in the Tree Menu in the same way as in standard htmlcode.
Please, set <HTML dir="rtl">.
Try to set the following parameter:
var titemAlign = "right";
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 to have menu items act like regular hyperlinks?
For instance in Firefox I like to "middle click" hyperlinks to open them in a new tab, or in IE right click and open in new window.
However with Deluxe-Menu this does not seem to work.
A: If you want to open your links in the new window you should set the item target parameter to "_blank", for example:
var menuItems = [
["Home","testlink.html", , , , "_blank", , , , ],
...
You can include also any html code in the Item Text.
For example:
["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
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">