Using swfObject with Mootools
I'm sure most of us use swfObject, which in my opinion is the best option when it comes to embedding flash.
Lately I've been having a lot of fun with mootools and needed a way to embed flash dynamically. Basically I wanted my flash file to be embedded after a mootools click event was triggered.
So without further ado..
window.addEvent('domready', function() { //get the div I want to embed my flash into. var flashcontainer = $('flashcontainer'); //set all the flash properties var file = 'file.swf'; var moviename = 'nameMyFlash'; var width = '640'; var height = '424'; var version = '9'; var bgcolor = '#000000'; //create the function that will fuse swfObject with mootools var embedFlash = function(){ var so = new SWFObject(file, moviename, width, height, version, bgcolor); so.addParam("quality", "high"); so.addParam("align", "middle"); so.addParam("play", "true"); so.addParam("loop", "true"); so.addParam("scale", "exactfit"); so.addParam("allowFullScreen", "true"); so.addVariable("variable1", "variable 1 value goes here"); so.addVariable("variable2", "variable 1 value goes here"); so.write(flashcontainer); } //get button by id var myButton = $('mybutton'); // create click event to fire my function called "embedFlash()" myButton.addEvent('click', embedFlash); });
And that's it.. Hope it helps....
You can download the latest tools used above from the links below:
MooTools - download release 1.2.3 or SWFObject 2.2
Your slots payouts will be out of proportion from the progressive slots when you hit the slots bonus using the slots secrets of CasinoBonus.org!

Hi, thanks for the code
I was wondering if you know how to replace a loaded SWF with another SWF using Mootools. Like the code on this webpage: http://pipwerks.com/lab/swfobject/load-onclick/2.0/index.html
Best regards,
Erik
@Erik
Hi Erik,
Using the code above you could just change the file name variable via the click event and then call embedFlash().
For example:
myButton.addEvent(‘click’, function(){
file = ‘anotherSWF.swf’;
embedFlash();
});
oh and you might want to clear the div container first..
myButton.addEvent(’click’, function(){
flashcontainer.empty();
file = ‘anotherSWF.swf’;
embedFlash();
});
@Flashnutz
Can’t get it to work.
Firefox Error console says: “swfobject is not defined” when I run your original code.
Any idea how to fix this?
Have you included the swfobject.js file to the header of your page?
You can get the source code from http://code.google.com/p/swfobject/
@Flashnutz
Yes, I included swfobject.js in the head already.
And added the following code into the of my html file:
Click Me
When I click the link nothing happens.
Same thing in IE7 btw.
“swfobject is not defined”
@Flashnutz
Oops, code added to body:
(a id=”mybutton” href=”#nogo”>Flash</div)
(Using instead of () of course)
shouldn’t this be
(div id=”mybutton” href=”#nogo”>FlashFlash
Or is this just a typo in the comments? replace a with div…