Recent Questions
Q: I recently started using a new software program on my home page and am running into an issue with your drop down menu in css working with this software.
Basically no matter what I change the DmZorder to drop down menu in css always shows up behind the dhtml windows that I am trying to use.
After working with their support team they have stated that they believe the problem exists within the menus and I am attaching a screenshot they sent me.
Can you please assist me in resolving this issue?
A: Try to delete the following properties from #main style:
POSITION: absolute; TOP: 0px; LEFT: 0px;
See the attached example.
Set also units in "px":
var itemPadding="2px";
It helps to display the drop down menu in css correctly in all browsers.
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: Is there a way to capture which menu item was clicked in the popup menu and store that information into a database?
A: See how you can find the ID of the clicked item:
var menuItems = [
["Home","javascript:alert(itVar.id)", "", "", "", "_self", "3"],
];Q: I would like to know how to define separator on itemstyle or how to show separator on menu items.
Thanking you in advance.
A: You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Please, see the following parameters:
//--- Separators
var separatorImage=""; //for subitems
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif"; //for the top items
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";