How can I make the Flash applications in IE stop/restart as they would
in other browsers when their containing divs change from display:none;
to display:block; and vice versa?


I have a page that contains 2 Flash applications which are only
supposed to be shown and played when the right div is displayed.  In
all major browsers, except for IE, the applications will stop and
restart whenever the div is closed/opened using the static publishing
method.  In IE, the applications will maintain its state (and thus the
music from one of the apps will also keep playing).

I've read that you can use removeSWF and createSWF to fix this
problem.  I followed the example from
http://www.bobbyvandersluis.com/swfobject/testsuite_2_1/test_api_create_remove.html
(as provided in http://code.google.com/p/swfobject/wiki/api) and
everything works fine (as they did before going this route) in all
other browsers except for IE.
Actually, I had to add:
                        document.getElementById(flashObjId).style.visibility =
"visible";
Since it won't seem to show up otherwise.  In IE, the SWF is not shown
nor is the space even allocated for it.

With this route, my HTML code for this is as follow:
<div id="popUp4" class="popUp">
<div id="gameObj"></div>
</div>

When I tested the site 
http://www.bobbyvandersluis.com/swfobject/testsuite_2_1/test_api_create_remove.html
in IE, it actually also does not work.  Is anyone else having this
problem?
Also, for some reason, when I tested
http://www.bobbyvandersluis.com/swfobject/testsuite_2_1/test_api_getflashplayerversion.html
on IE, I get version 0.0.0.


Nonetheless, when I use static publishing method:
<div id="popUp4" class="popUp">
<object id="gameObj" classid="clsid:D27CDB6E-
AE6D-11cf-96B8-444553540000" width="650" height="650">
    <param name="movie" value="/files/swf/game.swf" />
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="/files/swf/
game.swf" width="650" height="650">
    <!--<![endif]-->
        <p>Alternative content</p>
    <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
</object>
</div>
It will show up in IE.  However, once again, the application will not
stop and restart when I hide/show the div as it does in other
browsers.

Any help will be greatly appreciated.  Thanks in advance!

-- 
You received this message because you are subscribed to the Google Groups 
"SWFObject" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/swfobject?hl=en.

Reply via email to