How Can I Set Different Parameters For Diferent Items In My Javascript Drop Down

Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu

Support

FAQ

Contacts

About Us

Recent Questions

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

Return to Recent Questions

Q: Pls help me with another question.

I have an horizontal menu in which the submenus drop down (as in example # 1 you have in your web).

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=1;

How can achieve this if, we have only one set of parameters??

Thank you very much and best regards

A: You should use Individual Styles.

You should set the following parameters:

var itemSpacing = 0;
var itemPadding = 0;

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

You should assign this style for the second and third level menu items

["DHTML Menus","", "images/icon1.gif", "images/icon1o.gif", , , , , , , , ],
["|The Deluxe Menu","http://deluxe-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 Deluxe Tree","http://deluxe-tree.com", "images/icon2.gif", "images/icon2o.gif", , , , , , , , ],
...

Return to Recent Questions

Bootstrap Menu Responsive Bootstrap Grid Tutorial \| Bootstrap Image Gallery \| Bootstrap Accordion Table \| Bootstrap Columns Mobile \| Bootstrap Checkbox Label \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	Free AI Website Builder \| AI Website Builder \| AI Website Generator \| Website Generator AI \| AI web design generator