(c) 2007, DHTML-Menu.com
 
   
   
  Support
  Recent Questions
  Write To Support
 

    I have several problems with your javascript menu frames

Return to Recent Questions


Q: I have several problems with your javascript menu frames.

#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 menu frames, 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 menu frames, rather than having the scroll feature?


A: 1) Use Individual Item Styles to achive such effect in javascript menu frames.

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:
   
Copyright (c) 2012, DHTML-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Write Us
All rights reserved. website builder | website generator | easy website builder software | best website design software | css menu maker