Recent Questions
Q: What's happening is the rollover drop down menu sits at the very top-left of the web page..
No matter what I seem to try, I can't get it to fit in a space that seems plenty big for it.
A: Please check that you use relative position for the menu.
You should set these parameters:
var absolutePos=0;
var posX="0px";
var posY="0px";
Q: 1) Can any HTML be inserted in to the text?
2) As the item has no link, how can I prevent the item being highlighted on mouseover?
A: 1) Yes, you can insert any html code within menuItems, for example:
["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"],
["|Index <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "", "", ""],
["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'> <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
["|Write Us", "mailto:[email protected]", ""],
2) Yes, you can do it.
You should create Individual Style for it.
For example:
var itemStyles = [
["itemBackColor=#FCEEB0,#FCEEB0","itemBorderColor=,#FCEEB0","fontColor=,#000000"], //style0
];
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //style0
Q: I am working currently with deluxe-menu and am perfectly happy so far except one little thing: Does there exist a way to have the mousepointer being a hand instead of the regular pointer while going over the menu (like it would be regular links)?
A: You should set this parameter:
var itemCursor="pointer";
In this case 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: Is there a property in the data.js file - or any other file - where the pulldown menu can be hidden initially until needed?
A: You can hide the menu onload
document.getElementById('dm0m0').style.visibility = "hidden";
And then show the menu when your user will be validated.