Onyx Design Weblog » Flash http://www.onyx-design.net A weblog about webdesign, webdevelopment, css, php and other webrelated topics. Thu, 03 Jun 2010 15:34:25 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Fix “Click to activate and use this control” http://www.onyx-design.net/flash/fix-click-to-activate-and-use-this-control/ http://www.onyx-design.net/flash/fix-click-to-activate-and-use-this-control/#comments Sun, 06 Jan 2008 16:43:12 +0000 Fabian http://www.onyx-design.net/weblog2/flash/fix-click-to-activate-and-use-this-control/ Internet Explorer 7 has the annoying problem not to activate a flash movie until you click it. Most webmasters don’t know how to get rid of the “Click to activate and use this control”-problem. There is however a simple workaround available. It uses a simple Javascript-function, to echo the embed code with Javascript.

The Javascript part

Make a file named iefix.js and add the following code into it:

function fix(theText){
document.write(theText);
}
That’s all. This will make a function which will echo the text.

The HTML part

First of all, include the Flash into your (X)HTML file, between the two <head> tags.

<head>
<!– your title, meta, etc. –>
<script src=”iefix.js”>/script>
</head>

Now we have to change the code to embed the flash file. If you have this code:

<object
classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″
codebase=”http://download.macromedia.com
/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0″
width=”400″ height=”300″ id=”movie” align=”">
<param name=”movie” value=”http://www.tizag.com/pics/flash/button1easy.swf”>
<embed src=”http://www.tizag.com/pics/flash/button1easy.swf” quality=”high” width=”400″
height=”300″ name=”movie” align=”"
type=”application/x-shockwave-flash”
plug inspage=”http://www.macromedia.com/go/getflashplayer”>
</object>

Change it into this:

<script type=”text/javascript”>
fix(’<object’)
fix(’classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ ‘)
fix(’codebase=”http://download.macromedia.com’)
fix(’/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0″‘)
fix(’width=”400″ height=”300″ id=”movie” align=”">’)
fix(’<param name=”movie” value=”http://www.tizag.com/pics/flash/button1easy.swf”>’)
fix(’<embed src=”http://www.tizag.com/pics/flash/button1easy.swf” quality=”high” width=”400″‘)
fix(’height=”300″ name=”movie” align=”" ‘)
fix(’type=”application/x-shockwave-flash”‘)
fix(’plug inspage=”http://www.macromedia.com/go/getflashplayer”> ‘)
fix(’</object>’)
</script>

That’s it

Job’s done. I made example to show the result.
The first one is the normal code, the second should display properly in Internet Explorer.

Was this article useful for you? Please leave a comment and tell how this tutorial helped you.

]]> http://www.onyx-design.net/flash/fix-click-to-activate-and-use-this-control/feed/ 3