Recent Questions
Q: Can you tell me what fields control the lines around the top level of menu items?
What fields control the lines around each sub-menu item?
I would like to test and see if the program will allow me to create a top menu that displays as follows:
Home | Proposal Reponses | Marketing Info |
As you can see I would like no borders around the top level and a tilda (vertical line) separator between each top level menu item.
For the sub-menu items I would like there to be a thin line box around the sub-menu but no lines in between each item within the sub-menu. What fields control these paramenters?
A: Home | Proposal Reponses | Marketing Info |
Yes, you can create such menu.
Please, use Individual styles.
Set these parameters:
var menuBorderWidth=1;
var menuStyles = [
["menuBorderWidth=0"], //style 0
];
["Home","testlink.html", , , , , , "0", , ], //style 0
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
To add lines between main items you can paste the separators.
Please, see the following parameters:
//------- Separators -------
var separatorWidth = "10";
var separatorHeight = "20";
var separatorAlignment = "center";
var separatorImage = "C";
var separatorVWidth = "150";
var separatorVHeight = "10%";
var separatorVImage = "image.jpg";
You can create separators using menuItems, for example:
var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];
Q: I have included one of your (great) horizontal menus on a site I am working on - it's working well, apart from in IE (v6.0), it appears with a drop shadow - do you know how to get rid of this?
A: Thanks for your interest in our products.
You should set the following parameter:
var shadowLen=0;
Q: I want to emulate all browsers with the same transition. When mousing over a dhtml pulldown menu - the submenu should appear with no effect.
A: To turn off transitional effects you should set the following parameters:
var transition=-1;
var transOptions="";
var transDuration=0;
var transDuration2=0;
Q: I want to be able to put a small thumbnail icon in the description area of animated drop down menu. Here is a current line from my .js file for a single link.
["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br>Gary Parsons ","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549 ",,,,,"0"],
I want it to do this though:
["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br>Gary Parsons ","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549 <br><br><img src="images/thumbnail.jpg">",,,,,"0"],
The problem is the "'s around the img src.....it's throwing off your animated drop down menu.
How do I fix that?
A: It is not correct to write menuItems in such way.
You should write:
["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br> Gary Parsons <br><br><img src='images/thumbnail.jpg'>","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549",,,,,"0"],
Try that.