Recent Questions
Q: I have small problems with your javascript menu system.
#1. I am creating a multi-level menu, am I limited to a gird format or can every item have a variable column width?
#2. With submenus, I want to have the submenu be the same width as the parent cell, is there a simple command for this, or do I have to guess the column widths until it fits correctly?
#3. In those same submenus, I have items that are longer than the parent, is there a word wrap or a way to define a break, rather than having the scroll feature?
A: 1) You should use Individual Item Styles.
For example:
var itemStyles = [
["itemWidth=120","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#ACF88B,#ACF88B","itemBorderColor=#329309,#329309"], //style0
["itemWidth=100","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#FFFFFF,#FFFFFF","itemBorderColor=#1B92E9,#1B92E9"], //style1
["itemWidth=130","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#FF9684,#FF9684","itemBorderColor=#EC7575,#EC7575"], //style2
["itemWidth=150","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#84F9FF,#84F9FF","itemBorderColor=#00B8C1,#00B8C1"], //style3
];
var menuStyles = [
["smColumns=2"], //style0
];
["Home","testlink.htm"],
["Samples","testlink.htm"],
["|Group 1","", , , , , "0", , , ],
["|Group 2","", , , , , "1", , , ],
["|Group 3","", , , , , "2", , , ],
...
[" More Samples","testlink.htm"],
["|Group 1","", , , , , "3", "0", , ],
["|Group 2","", , , , , "1", , , ],
Where "0", "1", "2", "3" - style number in itemStyles.
2) You can also use Individual Item Styles.
var itemStyles = [
["itemWidth=120px"],
];
var menuStyles = [
["smWidth=120px"],
];
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], // itemStyles
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , "0", , ],
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ], // menuStyles
3) Try to set this parameter:
var noWrap=0;
Q: I was not able to resolve seeing FAQ, is the following one:
If an item of a menu is very large, as "please, select the color you prefer for the background of the image of the photo of your san", as can I put a break line to obtain the item written in two or more lines?, as, for example:
please, select the color you
prefer for the background of
the image of the photo of your son
only an item, anly a link, but three lines in the item.
A: Try to set this parameter:
var noWrap=0;
If it is not suitable for you, try to use <br> tags in the item text, for example:
var menuItems = [
["please, select the color you<br>prefer for the background
of<br>the image of the photo of your son",,,],
];
Q: How do you change the back ground color of the menu?
menuBackColor just changes the pull down background.
I'm stuck with a blue background which i guess is the default.
I've looked at the parameters page for info, tried a few different items but none worked for changing the background.
I'm sure its something very obvious, but any help would be appreciated.
A: Please, don't forget to change also item background colors:
var itemBackColor = ["color", "color"];
Q: No matter where I paste the script in the html for the drop down menu I created, it shows up at the top left corner of the page.
I would like it to go below the blue banner at the top of the page.
Please advise as to what I am doing wrong.
A: Now you're using absolute position for the menu:
var absolutePos=1;
var posX="10px";
var posY="10px";
Try to use relative position
var absolutePos=0;
var posX="10px";
var posY="10px";