Recent Questions
Q: Expandable javascript menu doesn't actually affect the plus/minus icon I have specified. Any ideas?
A: It is not correctly to add expand/collapse buttons into the iconfield, they won't work. You should add icons there.
To add expand/collapse buttons you should use the followingparameters:
var texpandBtn=["img/expandbtn.gif","img/expandbtn.gif","img/collapsebtn.gif"];
var texpandBtnW=14;
var texpandBtnH=14;
var texpandBtnAlign="left";
Q: I just noticed as well that I cannot change the spacing of the buttons.
Right now the buttons are tight together, how do I create a gap between each dhtmlmenu button?
A: You can paste the separator.
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"],
];
You can also use this parameter:
var itemPadding = "4px";
You can also set multiple values, for example:
"2px 15px 5px 5px";
(top, right, bottom, left)
Q: Could you please help me with coding of the submenu box in your java script dropdown menu?
I hope you can see images I've included in this email.
I want to put a large block of text in the submenu.
Now I can do it like the code shown here and it wraps and works OK.
["Text display","", "", "", "", "", "0", "0", "", ],
["|Text Line 1 Text Line 1Text Line 1Text Line 1<br>text Line 2text Line 2text Line 2text Line 2<br>Text line 3Text line 3Text line 3Text line 3<br>text line 4text line 4text line 4text line 4text line 4", "", "", "", "", "", "", "0"],
];
The problem is that if I want a large amount of text, the line of code with text in it will be 10 miles long. Please note the line of code above isn't broken in practice. The email wraps it.
Is there any way to break the code into lines instead of one very long line?
For example:
["Text display","", "", "", "", "", "0", "0", "", ],
["|Text Line 1 Text Line 1Text Line 1Text Line 1<br>
Line 2text Line 2text Line 2text Line 2<br>
Text line 3Text line 3Text line 3Text line 3<br>
text line 4text line 4text line 4text line 4text line 4", "", "", "", "", "", "", "0"],
];
No matter what way I try It won't work
Is there a way?
A: The only way to do that is
["|Text Line 1 Text Line 1Text Line 1Text Line 1<br>"+
"Line 2text Line 2text Line 2text Line 2<br>"+
"Text line 3Text line 3Text line 3Text line 3<br>"+
"text line 4text line 4text line 4text line 4text line 4", "", "", "", "", "", "", "0"],
];
Q: You will see I got the first level looking amazing.. this is exactly what I wanted. The interesting thing I figured out was not to use the item border.. this was messing things up. You may notice that when each item highlights.. there is a 1px white line at the separators.. but this is not produced with the item border, but rather from the separator itself which I made in two 1 pixel lines, one blue, on white.. this created that effect.
So now my only problem left is to figure out how to bring this look into the submenus. I was thinking it would be nice to use the separators in the same way throughout the submenus. There does not however seem to be a way to do this. When I tried inserting a separator into a submenu.. nothing happened... I am probably doing this wrong.
Can you please show me how to create the same look I have in the first level in the submenus.. this would be helpful.
I must say, this menu is finally starting to look the way I originally envisioned it. I am very happy. =o)
Thank you so much for all the help you have given me.
A: To add separators in submenus you should write it so:
["|-",] //first level submenus
["||-",] //second level submenus
and so on.
Try that.
