How to use javascript to swap swf in html?

Question

Hi all,

I embedded a swf in my html page, but I would like it to swap to another swf when I clicked on a button in html. I used swfobject.js to embed the swf, and I use prototype to write the javascript. I thought I can just do this

$('movie').value = 'swf/bhts.swf';
alert($('movie').value);

the value did change to swf/bhts.swf, but it is still playing the original swf file... this is the code I use to embed swf

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="530" height="298" id="flashcontent">
<param id="movie" name="movie" value="swf/trailer.swf" />
</object>

thanks.

Answer 1

Using swfObject:

<div id='flashContent'>
</div>

<script type='text/javascript'>    
    // Setup your initial flash 
    var so = new SwfObject(.....);
    so.write ('flashContent');

    // Some event handler
    someElement.onclick = function ()
    {
         // Load up the new SWF
         so = new swfObject(....);
         so.write('flashContent');
    }
</script>

Answer 2

How are you using SWFObject? If you use the swfobject.embedSWF method to add the SWF to your HTML file, then you can call that again with the same ID and it should remove the old Flash player object and add a new one with your new URL.

You also can use the SWF's own methods to replace the URL that it's using. If you've got the ID of the Flash object, use something like

var swf = getElementById("flash_id");
swf.LoadMovie(0, "http://example.com/newSwfUrl.swf");

and that should direct the Flash player to reload from a different location, replacing layer 0 (the default one). That may not work with really old Flash players, but should be fine in Flash 8 and later.

Answer 3

The above examples are good and shold work. Just test for browser compatibility.

Thank you, Ryan http://www.surveyrapid.com

Answer 4

doesn't work on chrome or firefox! need help!