|
|
I have several problems with your javascript absolute position
Return to Recent Questions
Q:
I have several problems with your javascript absolute position.
#1. I want that my submenus be the same width as the parent item is there a simple command for this, or do
I have to guess the column widths until it fits correctly?
#2. I am creating a multi-level javascript absolute position, can every item have a variable column width?
#3. I have subitems that are longer than the parent items, is there a word wrap or a way to define a break in the javascript absolute position,
rather than having the scroll feature?
A:
1) Use Individual Item Styles to achive such effect in javascript absolute position.
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
2) You should use Individual Item Styles and Individual Submenu 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.
3) Try to set the following parameter:
var noWrap=0;
Return to Recent Questions
Related:
- March 12, 2009 - I have problems with image paths when I create java script menu in DHTML Tuner.
- March 15, 2009 - I have problems with transitional effects in Firefox in the menu web...
- Apr 13, 2009 - I have some problems with multiple menus with css on my site.
- Aug 05, 2009 - We have several problems with your dhtml menu free. Please, help to solve these problems!
- Nov 20, 2009 - I have some problems with installation of the menu web page...
- Jan 20, 2010 - We have problems with japanese script drop down menu being seen on many Japanese computers..
- April 3, 2010 - I have problems with my menu dinamico javascript if I paste a data file in a subfolder
- April 26, 2010 - I am having problems with the java pull down menu and DOCTYPE.
- January 19, 2011 - I have some problems with dynamic menu bar in cross-frame mode.
|