Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:22
Menu causing transparent Flash element to Hide
Poster: kitlamoureux
Dated: Wednesday December 7 2005 - 0:09:25 GMT
Hi there,
THe menu appears ot work fine in on PC and well on the MAC in Safari and Firefox, except it seem to make my home page flash element disappear in FIrefox when you rollover the menu.
http://www2.beta.hodes.com
I am really stumped by this and wouldnt really care, but a large part of aour audience is MAC/FF based and this is a strong home page elemnt. I could have sworn this was working fine beofre i switched to a tabe based menu vs the positioned one i was using (the went to a centered layout and the table based was the only way to make it work
THoughts?
Thanks
Kit
Poster: codlord
Dated: Wednesday December 7 2005 - 9:40:37 GMT
Just a thought - you have not said what version of the menu you are using or what version of firefox you are having the problem with and perhaps post your menu data code too (or at least the settings/style parts.
There is a top-level menu setting to do with flash and mozilla which is:
fixMozillaZIndex=true;
But as far as I knew that was to fix layer problems where a menu might appear behind a flash element (not a flash element dissapearing). BTW I cannot reproduce your problem using firefox 1.5RC3 - everything seems fine on your site.
More details
Poster: kitlamoureux
Dated: Wednesday December 7 2005 - 14:09:23 GMT
Thanks codlord...sorry i was a bit tired.
THe problem only occurs in on the MAC OS. I have only tried it on OSX 10.3 but supposedly it also in 9.2 as well.
THe firefox version i was using, was 1.5 for MAC
THat menu_data code is here code follows//
Code:
_CFix = true; //to fix a problem with contribute
fixMozillaZIndex=true;
_menuCloseDelay=500 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150 // The time delay before menus open on mouse over
_subOffsetTop=-1 // Sub menu top offset
_subOffsetLeft=1 // Sub menu left offset
with(menuStyle=new mm_style()){
offclass="opaque";
onbgcolor="#CCCCCC";
oncolor="#515151";
offbgcolor="#E4E5E9";
offcolor="#003366";
bordercolor="#979765";
borderstyle="none";
borderwidth=1;
separatorcolor="#ffffff";
separatorsize="1px";
padding="4px 5px 10px 5px";
fontsize="11px";
fontweight="bold";
fontfamily="arial,_sans";
pagecolor="black";
pagebgcolor="#E4E5E9";
headercolor="#ffffff";
headerbgcolor="#E4E5E9";
subimage="/images/nav/spacer.gif";
subimagepadding="0";
width=117;
}
homeStyle=new copyOf(menuStyle);
homeStyle.fontweight="normal";
fixMozillaZIndex=true;
_menuCloseDelay=500 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150 // The time delay before menus open on mouse over
_subOffsetTop=-1 // Sub menu top offset
_subOffsetLeft=1 // Sub menu left offset
with(menuStyle=new mm_style()){
offclass="opaque";
onbgcolor="#CCCCCC";
oncolor="#515151";
offbgcolor="#E4E5E9";
offcolor="#003366";
bordercolor="#979765";
borderstyle="none";
borderwidth=1;
separatorcolor="#ffffff";
separatorsize="1px";
padding="4px 5px 10px 5px";
fontsize="11px";
fontweight="bold";
fontfamily="arial,_sans";
pagecolor="black";
pagebgcolor="#E4E5E9";
headercolor="#ffffff";
headerbgcolor="#E4E5E9";
subimage="/images/nav/spacer.gif";
subimagepadding="0";
width=117;
}
homeStyle=new copyOf(menuStyle);
homeStyle.fontweight="normal";
And the code for the table that holds the page is here
Code:
<!-- Menu Section -->
<div id="menu">
<table width=117 height=408 cellpadding=0 cellspacing=0 border=0>
<tr>
<td><img src="/images/nav/menutop_<%=SectionName %>.gif" width="117" height="16" /><br /></td>
</tr>
<tr>
<td><script>with(milonic=new menuname("Home")){
style=menuStyle;
menuwidth=117;
menuheight=392;
alwaysvisible=1;
followscroll=0;
orientation="vertical";
position="relative";
//aI("text=<IMG height=16 src='menutop_home1.gif' width=117>;type=header;headerbgcolor=transparent;padding=0px;");
//aI("text=<form action=/search/results.asp method=put><input type=hidden name=section value=<%=SectionName %>><input type=hidden name=list value=pda><input type=text name=SearchString size=7><input type=submit value=Go></form>;type=form;align=left;");
//aI("text=<label for=search><input type=text name=search id=search value=search size=7/></label><input type=submit value=go />;type=form;");
//aI("text=<form method=get action=search.asp><label for=search><input type=text name=search id=search value=search size=7/></label><input type=submit value=Go /></form>;type=form;");
aI("text=Contact Us;margin=10px 0px 10px 0px;offclass=menumargintop;onclass=menumargintop;showmenu=ContactUs;url=/contactus/index.asp;fontweight=normal;");
aI("text=About Us;url=/aboutus/index.asp;showmenu=About Us;");
//aI("text=Core<br>Compentencies;url=/core/index.asp;");
aI("text=Core<br />Compentencies;url=/core/index.asp;showmenu=CoreComps");
aI("text=Case Studies;url=/casestudies/index.asp;showmenu=Case Studies;");
aI("text=Industries;url=/industries/index.asp;showmenu=Industries;");
aI("text=Specialty Services;url=/specservices/index.asp;showmenu=Specialty Services;");
aI("text=Publications;url=/publications/index.asp;showmenu=Publications;");
aI("text=Global;url=/globalnetwork/index.asp;showmenu=GlobalNetwork;");
}
drawMenus();
</script>
</td>
</tr>
</table>
</div>
<div id="menu">
<table width=117 height=408 cellpadding=0 cellspacing=0 border=0>
<tr>
<td><img src="/images/nav/menutop_<%=SectionName %>.gif" width="117" height="16" /><br /></td>
</tr>
<tr>
<td><script>with(milonic=new menuname("Home")){
style=menuStyle;
menuwidth=117;
menuheight=392;
alwaysvisible=1;
followscroll=0;
orientation="vertical";
position="relative";
//aI("text=<IMG height=16 src='menutop_home1.gif' width=117>;type=header;headerbgcolor=transparent;padding=0px;");
//aI("text=<form action=/search/results.asp method=put><input type=hidden name=section value=<%=SectionName %>><input type=hidden name=list value=pda><input type=text name=SearchString size=7><input type=submit value=Go></form>;type=form;align=left;");
//aI("text=<label for=search><input type=text name=search id=search value=search size=7/></label><input type=submit value=go />;type=form;");
//aI("text=<form method=get action=search.asp><label for=search><input type=text name=search id=search value=search size=7/></label><input type=submit value=Go /></form>;type=form;");
aI("text=Contact Us;margin=10px 0px 10px 0px;offclass=menumargintop;onclass=menumargintop;showmenu=ContactUs;url=/contactus/index.asp;fontweight=normal;");
aI("text=About Us;url=/aboutus/index.asp;showmenu=About Us;");
//aI("text=Core<br>Compentencies;url=/core/index.asp;");
aI("text=Core<br />Compentencies;url=/core/index.asp;showmenu=CoreComps");
aI("text=Case Studies;url=/casestudies/index.asp;showmenu=Case Studies;");
aI("text=Industries;url=/industries/index.asp;showmenu=Industries;");
aI("text=Specialty Services;url=/specservices/index.asp;showmenu=Specialty Services;");
aI("text=Publications;url=/publications/index.asp;showmenu=Publications;");
aI("text=Global;url=/globalnetwork/index.asp;showmenu=GlobalNetwork;");
}
drawMenus();
</script>
</td>
</tr>
</table>
</div>
It should be mentioned that this is working pefectly on the PC in IE6 Netscape 7, FIrefox 1.5.
THanks,
Kit
Poster: John
Dated: Wednesday December 7 2005 - 14:37:27 GMT
Get the menu out of the div - it really doesn't like that.
Also, remove all ' (single quotes) you have contained within your aI statements.
Move your menu code calls out of the header to right before the _data file call in the body.
Poster: davebarnes
Dated: Wednesday December 7 2005 - 22:23:13 GMT
The cause of the problem is this code:
<param name="wmode" value="transparent" />
in the Flash movie parameters.
Poster: kitlamoureux
Dated: Wednesday December 14 2005 - 21:44:24 GMT
OK i have tried as directed, but the menu still makes invisible the flash element in Firefox 1.5 on the Mac.
http://www2.beta.hodes.com/index_fix.asp
Unfortunately, removing the divs not only screws up my layout, but it also doesnt fix the problem.
The window mode also has nothing to do with the problem. IF it is opaque, the invisiblity only screws up part of it.
This is the only mainstream browser that has a problem. Safari, Netscape, etc. all render this fine...and it is perfect on the PC. http://www2.beta.hodes.com/index.asp
Any other ideas?
THanks,
Kit
SOLVED
Poster: kitlamoureux
Dated: Friday December 16 2005 - 18:44:35 GMT
Well it tunrs out...it has something to do with the transparency filter and the opacity setttings i was adding to the menu..IN firefox mac, they were causing the flash element to disappear.
VEry weird, but i detect for the browser and then just use a 100% opacity and it seems to be fine.
Very strange though.
THanks,
Kit