This works fine on all platforms and browsers except IE on the Mac. With IE/Mac, the flyout menu appears in the same location for all flyouts.
Here is a sample of one of the TD popups within the htm page:
htm code
Code: Select all
<td align="left" valign="top" class="intnavcell" id="imgourchallenge" onMouseOut="popdown(); return false;" onMouseOver="popup('mm_ourchallenge','imgourchallenge'); return false;"><strong>OUR CHALLENGE </strong></td>
In menu_data.js we do set a fixed 'left' and 'top' for each of the flyouts, and perhaps we're using this wrong, but it does work for all other browsers and platforms. Here is how we're using the 'left' and 'top' :
var nflyout_top = -22;
var nflyout_left = 200;
// MAIN STYLE
with(mainMenuStyle=new mm_style()){
onbgcolor="#989374"; // hover background color
offbgcolor="#C7C3A8"; // normal (non-hover) background color
offcolor="#332A17"; // normal (non-hover) text color
oncolor="#FFFFFF"; // hover text color
offclass="mmpadding"; // custom style attached to menu
onclass="mmpadding"; // custom style attached to menu
bordercolor="#C7C3A8"; // border color A89C91
borderstyle="solid";
borderwidth=1;
fontfamily="Arial"; // font / font family
fontsize="11px"; // font size
fontstyle="normal"; // font style
fontweight="bold"; // font weight (bold)
//outfilter="Fade(duration=0.1)";
overfilter="Fade(duration=0.1);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
padding=3; // menu item cell padding
pagebgcolor="#C7C3A8"; // this is the (non-hover) background color of the menu item last clicked
pagecolor="#FFFFFF"; // this is the (non-hover) text color of the menu item last clicked
separatorcolor="#C7C3A8"; // separator color
separatorsize="1";
subimage=sBaseSite + "graphics/common/flyoutarrow.gif";
subimagepadding="2";
}
//******************** OUR CHALLENGE
with(milonic=new menuname("mm_ourchallenge")){
overflow="scroll";
style=mainMenuStyle;
itemwidth=200;
top=nflyout_top;
left=nflyout_left;
aI("text=flyout item 1;url=" + sNonSSLBaseSite + "sections/ourchallenge/ourchallenge_page_1.htm;");
aI("text=flyout item 2;url=" + sNonSSLBaseSite + "sections/ourchallenge/ourchallenge_page_2.htm;");
aI("text=flyout item 3;url=" + sNonSSLBaseSite + "sections/ourchallenge/ourchallenge_page_3.htm;");
}
We use the above model for each of the flyouts, never changing the value of the nflyout_left and nflyout_top, but again, it works on all other browsers and platforms as expected.
You can see an example of this behaviour on our test servers:
here.
Are we using the 'left' and 'top' properly here? Is there a workaround we can use to make it work properly on Mac IE?
Thanks!
Mark
[/code]