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

    How can I set different parameters for diferent items in my drop down menu javascript?

Return to Recent Questions


Q: I have an horizontal drop down menu javascript in which the submenus drop down.

For the first level items (which are horizontal), I do not want item spacing or itemPadding, that is:
var itemSpacing=0;
var itemPadding=0;

However, for the second and third level menu items, that drop down, I do need spacing and padding, like this:
var itemSpacing=1;
var itemPadding="1px";

How can achieve this if, we have only one set of drop down menu javascript parameters?


A: You should assign Individual Styles for the drop down menu javascript.

You should set the following parameters:

var itemSpacing = 0;
var itemPadding = "0px";

and create individual style for submenus
var menuStyles = [
["menuBackImage=images/subm_back.gif","itemSpacing=1","itemPadding=1px"], // add Spacing and Padding to the style which is used for the third level menu items.
["columnPerSubmenu=2"],
["itemSpacing=1","itemPadding=1px"], //style 2
];

You should assign this styles for the second and third level drop down menu javascript items

["DHTML Menus","", "images/icon1.gif", "images/icon1o.gif", , , , , , , , ],
["|The DHTML Menu","http://dhtml-menu.com",
"images/icon2.gif", "images/icon2o.gif", , , , "2", , , , ], // assign Style 2
["||Features","", "images/icon3.gif", , , , "0", "0", , , , ], // assign Style 0
["|||First Column","", , , , , "0", "1", , , , ],
["|||Second Column","", , , , , "0", , , , , ],
["||Cross-frame Mode","", "images/icon5.gif", "images/icon5o.gif", , , "1", , , , , ],
["||Easy Installation","", "images/icon5.gif", "images/icon5o.gif", , , "1", , , , , ],
["|The DHTML Tree","http://dhtml-menu.com/dhtml-tree/", "images/icon2.gif", "images/icon2o.gif", , , , , , , , ],
...





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 | best website design software | bootstrap navbar template | jquery slider | CSS Slideshow