Recent Questions
Q: Some menu entries may be disabled and clicking on them should produce predefined javascript alert message?
A: To create disabled items you should set "_" symbol in the targetparameter of the menuItems.
If the target is "_" the item is disabled.
You can assign a font color for all disabled items using the following menu parameter:
var fontColorDisabled = "#AAAAAA";
You can write a javascript code instead of an item link:
["item text", "javascript:alert('Hello World')", , , ,"_",]
That's all.
Q: I have just 2 more questions.
1. Can the 3rd level be configured to be a javascript vertical menu?
2. Can your menu be configured per the following spec? Once you click on a 3rd level option that level would disappear & the 1st & 2nd level would be breadcrumbed (stay visible to show you where you are).
A: 1) Yes you can do it. Use smOrientation parameter in IndividualSubmenu Styles:
var menuStyles = [
["smOrientation=0"], //id=0
];
Assign it to the first item in third submenu:
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", "", "", ],
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", "", "", ],
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", "", "", ],
["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "0", "", "", "", ],
2) No, it is not possible now. Your 3rd level submenu will be visible too.
Q: I am unable to see any separators when working with Deluxe Menu. I’ve looked at other templates and don’t see where they are implemented. Am I missing something? Thanks!
A: Please, see the following parameters:
//------- Separators -------
//--- Separators
var separatorImage="";
var separatorWidth="5";
var separatorHeight="100%";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif";
var separatorVWidth="3";
var separatorVHeight="100%";
var separatorPadding="";
You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Try that.
Q: I want to have one of the drop menus use a different image.
I am using thevista images and would like to have all of them but one use the same imageand the last one a different one. Can this be done?
If not I was able to adda second menu with the different image but for some reason the second menuwill not drop down. Can you help me with either of these?
A: You should create Individual Style for the last item and assign another image for it.
var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","fontStyle=normal 11pxTahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-01.files/btn_black.gif,data-vista-01.files/btn_black_blue.gif"],
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBackImage=data-vista-2-03.files/btn_green.gif,data-vista-2-03.files/btn_green2.gif","fontStyle='normal11px Tahoma','normal 11px Tahoma'","fontColor=#FFFFFF,#FFFFFF"],];
var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "0", "", "", "", ], //style 0
["Product Info","", "", "", "", "", "0", "", "", "", "", ], //style 0
...
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "_blank", "0", "", "", "", "", ], //style 0
["Contact Us","testlink.htm", "", "", "", "", "1", "", "", "", "", ], //style 1];