explorer vs. firefox problem - javascript with css - JavaScript and AJAX forum at WebmasterWorld - WebmasterWorld

Forum Moderators: open

Message Too Old, No Replies

explorer vs. firefox problem - javascript with css

the code is attached

bittermj230

11:14 pm on Feb 7, 2005 (gmt 0)

10+ Year Member

hi, this is a simple code that works great on explorer but not on mozilla.
when u move on the small flash it pops the big one and its like a floating add.

can someone please take a look?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<div style="position: absolute;" style=" border:0px solid red;">
<div id="popup0Div" style="align:center; position:relative;z-index:-1; display:none; border:0px solid;top:-220;width:450; height:250; " onMouseover="displayPopup2(0)" onMouseout="setTimerPopupDiv(0)">
<OBJECT id="BigRoller" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH=450 HEIGHT=250 VIEWASTEXT><PARAM NAME=quality VALUE=high> <PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=movie VALUE="luf450x250.swf">
<embed src="luf450x250.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="450" height="250"></embed>
</OBJECT>
</div>
</div>

<OBJECT id="smallRoller" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH=450 HEIGHT=30 style="z-index:-1" onMouseover="displayPopup(0)" onMouseout="setTimeout('setTimerPopupDiv2(0)',300)" >
<PARAM NAME=movie VALUE="luf450x30.swf">
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#ffffff>
<embed src="luf450x30.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="450" height="30"></embed>
</OBJECT>

<script>
//setTimeout('setTimerPopupDiv(0)',100)
var OnTop = false;
function doNothing(g) {
g=1;
}

function setTimerPopupDiv2(intmenu) {
//alert (OnTop+'2')
if (OnTop)
{
document.all['popup0Div'].style.display='none';
document.BigRoller.GotoFrame(0);
OnTop = false;
}
}
function displayPopup(intShow) {
if (!OnTop)
{
document.all['popup0Div'].style.display='block';
document.BigRoller.Play();
OnTop = true;
}
}

function setTimerPopupDiv(intmenu) {
document.all['popup0Div'].style.display='none';
document.BigRoller.GotoFrame(0);
OnTop = false;
}

function displayPopup2(intShow) {

OnTop = false;
document.all['popup0Div'].style.display='block';
document.BigRoller.Play();
}

</script>

</td></tr></table>
</body>
</html>

Bernard Marx

2:28 am on Feb 8, 2005 (gmt 0)

WebmasterWorld Senior Member

10+ Year Member

The object referencing used is old-fashioned, and IE-specific:

Try replacing things such as:

document.all['popup0Div']
document.BigRoller

with:

document.getElementById('popup0Div') 
document.getElementById('BigRoller')

bittermj230

7:27 am on Feb 8, 2005 (gmt 0)

10+ Year Member

i tried but it didnt help?
still works on ie not on firefox.

another try?

Bernard Marx

8:50 am on Feb 8, 2005 (gmt 0)

WebmasterWorld Senior Member

10+ Year Member

The above would probably stop it working in Mozilla.
That's not to say there isn't more.

The problem may lie in the fact that you need 2 nested elements to embed the movie. The reference used ("BigRoller") only refers to one of them. Presumeably this is not the one recognised by Mozilla.

Marino

7:38 am on Feb 11, 2005 (gmt 0)

10+ Year Member

Wow....
I'm the webmaster of this site. Really delighted to be quoted here.