Recent Questions
Q: When doing a multi-frame frameset (1 top frame, 2 bottom frames) like this:
<frameset ID="frames" ONLOAD="getBottom()" ROWS="50, *" BORDER="0" FRAMEBORDER="no" FRAMESPACING="0">
<frame NAME="frmTop" SRC="top.htm" MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=NO NORESIZE FRAMEBORDER="0" />
<frameset ID="bottomFrames" cols="171,*">
<frame name="frmLeft" src="left.htm" MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=NO NORESIZE FRAMEBORDER="0"/>
<frame name="frmMain" MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=NO NORESIZEFRAMEBORDER="0" />
</frameset>
</frameset>
And using the dm_frameinit like this:
dm_initFrame("[object]", 0, 2, 0);
it works fine in IE -> the menus are displayed exactly under the text and in the bottom right frame.
However, in Firefox, the menu drop down is displayed to the right of the top menu text, and exactly the number of pixels as the width of the left frame.
Perhaps there needs to be some FireFox checking to fix this?
Can you help me with that?
A: The problem is in a structure of your frameset.
Mozilla browsers can't determine absolute coordinates for a frame, sosubmenus drop down with an offset.
You should create the following frameset structure:
--|------------
| menu
--|------------
|
| submenus
|
Now a top row has 2 columns and all browsers can determine awidth of the 1st column in the second row.
Q: I'm confused in how to do this. I want to change the background color of one of the javascript and menu items. If I understand correctly I go to INDIVIDUAL STYLES and should be able to change the background color for one of the menu items there. Under item appearance I tried to change itemBackColor - but I can't seem to make it take affect (I tried clicking OK but its under the Style Names, so thats probably not it.
A: You should click "Edit Individual Styles" button.
On the 'Item Styles' tab click "Add style" button.
Set itemBackColor and click "OK" button.
Select the item you want to change the style for and assign new style for it. Go to Item Parameters window 'Item style' field.
var itemStyles = [
["itemBackColor=#EB2999,#590937"], //style0
];
var menuItems = [
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style0
Q: I would like to separate each main js dropdown menu item (Find an Expert, Contact...etc) with a dotted line graphic. If you look at the js dropdown menu, you will see that each graphic is separated by a dotted line. I am trying to replicate that look in the Deluxe Menu. Is there a way I can do that? I tried to use the "separatorImage" value in the DeluxeTuner, but it didn't seem to do anything. Is there a way to put a dotted border just along the bottom of them item, instead of around the whole item (like a box)? Or is there a way to insert the graphic between the items?
A: To add a separator you should
//--- Separators
var separatorImage=""; //for subitems (top items in vertical menu)
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
You can create separators using menuItems, for example:
var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];
Q: In internet explorer the menu appears as expected, in firefox it is shiftedway to the right
The deluxe menu code is all wrapped within < center> < /center> tags
How can this be resolved?
A: Try to specify units in "px", for example:
var menuWidth="700px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.
