Clearing an SWFObject Instance
A coworker of mine today was having trouble dynamically loading a Flash movie using the SWFObject. Actually he was having problems loading a new one once the first one was loaded.
Here is the situation, the web page loads, the user clicks a link (any trigger will work just fine) to load the first movie. Then the user clicks a different link to load a different movie, but nothing changes. The SWFObject will not let go of the div that it was loaded into. Heres how you get around this.
You first remove the child div from the DOM then recreate the div before the SWFObject tries to load the flash movie in it.
- function loadvid(thefile, theCatagory){
- var div = document.getElementById('clipPlayer');
- div.parentNode.removeChild(div);
- var newdiv = document.createElement(div);
- newdiv.setAttribute('id','clipPlayer');
- newdiv.innerHTML = '';
- document.body.appendChild(newdiv);
- var so = new SWFObject('best_player.swf', 'clipPlayer', '250', '65', '6', '#ffffff');
- so.addVariable('clipName', thefile);
- so.addVariable('clipInfo', theCatagory);
- so.addVariable('cacheKill', '');
- so.write("clipPlayer");
- }
The only problem with this is that when it recreates the div it does so at the bottom of the page. I will work on how to place the div where you need it.
