click 2 activate on firefox?

85 views
Skip to first unread message

Antonio Max

unread,
Feb 14, 2008, 8:03:33 PM2/14/08
to SWFObject
why wmode transparent movies need a click 2 activate the rollover
effects on firefox?
cheers

Antonio Max

unread,
Feb 14, 2008, 8:07:33 PM2/14/08
to SWFObject
Im using multiple flash movies on a simple page, sorta 15 (its like a
dynamic thumbnail loader, and so, multiple pics on page) and need 2
click on it to see the hover effects;

xlr8r

unread,
Apr 6, 2008, 8:25:53 AM4/6/08
to SWFObject
I have the same issue. This is very annoying since I use lots of flash
movies with mouse-dragging. The user always has to click on the flash
stage once before he can interact with it. I only get this issue with
Firefox and wmode:transparent. Has anyone come up with a solution
there? (Haven't had that issue with swfobject 1.5)

On Feb 15, 3:07 am, Antonio Max <antonio...@gmail.com> wrote:
> Im using multiple flash movies on a simple page, sorta 15 (its like a
> dynamic thumbnail loader, and so, multiple pics on page) and need 2
> click on it to see the hover effects;
>
> On Feb 14, 11:03 pm, Antonio Max <antonio...@gmail.com> wrote:
>
> > why wmodetransparentmovies need a click 2 activate the rollover
> > effects onfirefox?
> > cheers

Bobby

unread,
Apr 7, 2008, 4:42:24 AM4/7/08
to SWFObject
I just created a test case and all works fine for me in Firefox.
Please note that click-to-activate mechanisms have never been
introduced in Firefox.

What if you add the following style rule to the head of your web page:
<style type="text/css" media="screen">
object { display:block; }
</style>

If this doesn't help, can you up a test page?

Benjamin Bojko

unread,
Apr 7, 2008, 1:45:54 PM4/7/08
to SWFObject
hey bobby, thanks for replying so quickly.

unfortunately your code snippet didn't resolve the problem. having to
click on the flash stage twice in FF isn't the same as the IE "click
to activate".

If you have a look at my blog at www.bbojko.de and click on the image
in the first post, you'll see that if the first thing you do after the
swf has loaded is to drag your mouse over the stage, the swf will
freeze until you stop moving your mouse. That only happens with wmode
transparent and the first time you click the SWF after loading.

I'm not a javascript/css expert, so the whole layer mechanism is quite
experimental, but since I can nail the problem down to wmode I guess
that the layer script isn't the real problem.

thanks in advance for your time!

Aran Rhee

unread,
Apr 7, 2008, 8:33:04 PM4/7/08
to swfo...@googlegroups.com
Hmmm.

I don't have to click twice on FF 2.0.0.13 to get focus, so it all seems to
be working for me.

I know there are various issues with wmode=transparent + layers + FF. Just
Google it, and see all the various posts. These kind of issues are to do
with the Flash player directly, and would appear whether you were using
object/embed or SWFObject.

I know aesthetically, it is kind of nice to see the blog below, but would
you lose that much affect if you went to wmode=opaque. You would see a
noticeable improvement in the performance of you experiments (especially CPU
intensive ones like you particle demo) by getting rid of transparency.

You could still leave the background of the pop up layer transparent (the
dark grey gif etc), but just make your flash bg color solid.

My 2c anyhow.


Cheers,
Aran

Bobby

unread,
Apr 8, 2008, 6:17:04 AM4/8/08
to SWFObject
I don't see the Flash at all in Firefox/Mac. I suspect that this is a
CSS issue, best thing is to debug it using Firebug and the Firefox DOM
inspector.

Benjamin Bojko

unread,
Apr 8, 2008, 1:12:37 PM4/8/08
to SWFObject
@aran: as i said, it's not the usual click to focus that you know from
IE. the problem occurs when you press the mouse for the first time and
move it aourond inside the flash stage without releasing the button.
then the flash freezes until you stop moving your mouse. i guess
setting the wmode back to opaque will be my only midterm solution, but
its a little sad that this can't be fixed :/

@bobdy: da**it! i thought i had fixed that. i originally had an issue
with FF on Mac with the transparent layer behind the flash via CSS and
the flash therefore not being displayed at all or with severe
graphical errors. i'll try to test that the next time i get my hands
on a Mac again.

... that's why i started programming with flash - there just aren't so
many browser and OS issues :/

thank you guys for participating in the discussion so far ;)

Aran Rhee

unread,
Apr 8, 2008, 6:49:22 PM4/8/08
to swfo...@googlegroups.com
Ben.

Yeah, I understand what you meant. I was able to use the slider controls etc
straight away without having to click twice. I have seen the error of what
you are describing before, but I believe it was only happening with
transparency enabled.

Have you tried to explicitly focus on the flash element after displaying? I
am thinking that the focus might be elsewhere on the page / another layer.

e.g. document.getElementById('myflash').focus();


Cheers,
Aran

-----Original Message-----
From: swfo...@googlegroups.com [mailto:swfo...@googlegroups.com] On
Behalf Of Benjamin Bojko
Sent: Wednesday, 9 April 2008 3:13 AM
To: SWFObject
Subject: Re: click 2 activate on firefox?

Benjamin Bojko

unread,
Apr 9, 2008, 1:19:34 AM4/9/08
to SWFObject
Hi Aran,

That's interestig - which file did you test in that case? Because the
plasma example does have transparency enabled. Very strange :)
Unfortunately I already tried explicitely focusing flash with focus()
and it didn't resolve the problem. I already set some of the files
which definitely need dragging to opaque.

As you already said in your first post, it wouldn't be a huge drama if
I had to leave transparency out of the game in some files, so I guess
I'll just go with that when I really need dragging enabled. I'll have
to try to get the chance to fix that Mac bug though - that's a never
ending story it seems :)

Thanks for your help!
-Benjamin

Aran Rhee

unread,
Apr 9, 2008, 1:51:07 AM4/9/08
to swfo...@googlegroups.com
I was testing the plasma example. I just updated to flash player 9.0.124
today, and I can still use the controls without "focusing" first. Other
examples work as expected too.

On the mac side of things, is that what you are using for your FF tests (and
where you are seeing the click to activate issue), as I am on PC. Perhaps
the issue is only Mac FF related?

Read more here (seems to be a known/outstanding issue). And the workaround
suggested - wmode=opaque !
http://www.colettas.org/?p=67

Also, it would seem on further reading, that focus() only works on IE.


Seems like all roads are leading to Rome here....


A

-----Original Message-----
From: swfo...@googlegroups.com [mailto:swfo...@googlegroups.com] On
Behalf Of Benjamin Bojko
Sent: Wednesday, 9 April 2008 3:20 PM
To: SWFObject
Subject: Re: click 2 activate on firefox?

Benjamin Bojko

unread,
Apr 9, 2008, 10:00:08 AM4/9/08
to SWFObject
Really, really strange :) I tested that on my notebook at home with
FF2.0+XP and at work with a similar windows configuration and had the
same problem with dragging. There also seems to be a problem with
wmode:transparent, firefox and mac: the swf won't display at all,
although it's obviously in the DOM structure (as seen in firebug).
Maybe there are parallels to the "transparent css-layer-background
bug" with FF and mac, where you have to replace the transparent bg-
color with a transparent PNG. I guess I'll completely have to leave
out transparent wmodes to ensure that everythings is displayed
correctly. Too bad :/

-Ben

oRiN

unread,
May 30, 2008, 5:52:22 PM5/30/08
to SWFObject
A possible solution to the problem with having to click to get mouse
events to work in FF is on scroll have a container div change it bg
color. i know it sounds stupid but thats what i did and it fixed it.
Here is my javascript:

//scroll flicker for PC firefox
function flicker(){
document.getElementById("mainWrapper").style.backgroundColor =
"transparent";
}

var d = new Date();
var scrollStart = 0;
var waitForScroll = false;
window.onscroll = function(){
if(BrowserDetect.browser == "Firefox" && BrowserDetect.OS ==
"Windows"){
d = new Date();
scrollStart = d.getTime();
waitForScroll = true;
}
}

function scrollLoop(){
d = new Date();
if(waitForScroll && scrollStart < (d.getTime() - 250)){
waitForScroll = false;
document.getElementById("mainWrapper").style.backgroundColor =
"#FFFFFF";
setTimeout(flicker, 10);
}else{

}
setTimeout(scrollLoop, 50);
}

if(BrowserDetect.browser == "Firefox" && BrowserDetect.OS == "Windows")
{
scrollLoop();
}
Reply all
Reply to author
Forward
0 new messages