SWF fanimation not playing in IE

claire_t · 05-09-2011, 10:20 AM

Hi

Can anyone help.

I have a intro animation on a site and it plays fine in all browers other the IE.
Any ideas??

html code for page:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Joho-Designs-Enter</title>
<link rel="shortcut icon" href='Pictures/favicon.ico'>
<link rel="shortcut icon" href="pictures/favicon.ico">
<script src="Scripts/AC_ActiveX.js" type="text/javascript"></script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<center>
<body bgcolor="#ffffcc">
<a href="joho-designs-home.html">

<div align="right"><img src="skipintro.jpg" alt="skip intro" width="100" height="50" border="0"/></div></a>
<a href="joho-designs-home.html">
<script type="text/javascript">
AC_AX_RunContent( 'width','550','height','400','src','Animations/joho-animation.swf','movie','Animations/joho-animation.swf' ); //end AC code
</script><noscript><object width="550" height="400">
<param name="movie" value="Animations/joho-animation.swf">
<embed src="Animations/joho-animation.swf" width="550" height="400">
</embed>
</object></noscript>
</a>
</body>
</center>

site is here

Thanks muchly in advance!!

C

ps that should be animation in title.....ooppssyy!! ha

davidsbain · 05-10-2011, 02:17 PM

I believe the problem is due to your naming of the folder the file is held in. You have the file in a folder with the name /Joho site/ If I view the site in Firefox and I hover the mouse over the animation. I can see the full link to the animation as xx/Joho site/xxxxx
If I do the same in IE then I get xx/Joho%20site/xxxxxx
It is not good practice to have folders with a blank in the middle. You should use an underscore if you really must like this xx/Joho_site/xxxxx
also it would be better to always use lower case letters as this makes it easier to remember. If you use capitals on some folders and not on others then how do you ever remember which one it is using and it is very easy to make a mistake so I woul rename the folder as follows
xx/joho_site/xxxxx or xx/johosite/xxxx

Dr3am3rz · 05-11-2011, 09:49 AM

Yeah.. I agree with david. It's not a good practise to put spaces when you name a file or folder.

Try correcting that first. If it's still can't work, try to take out <noscript> tag and place

<object width="550" height="400">
<param name="movie" value="Animations/joho-animation.swf">
<embed src="Animations/joho-animation.swf" width="550" height="400">
</embed>
</object>

in your <script> tag.

See if it works.

AndrewGSW · 05-11-2011, 10:23 AM

Quote:

Originally Posted by Dr3am3rz

Yeah.. I agree with david. It's not a good practise to put spaces when you name a file or folder.

Try correcting that first. If it's still can't work, try to take out <noscript> tag and place

<object width="550" height="400">
<param name="movie" value="Animations/joho-animation.swf">
<embed src="Animations/joho-animation.swf" width="550" height="400">
</embed>
</object>

in your <script> tag.

See if it works.

You should not have spaces in web folder or file names, but %20 is the escaped character code for the space so this is not the cause of the problem. (You can also use upper and lower-case characters in file and folder names - just remember to use the same casing in any JavaScript.)

Remove the <noscript> tags - this is the most likely cause of the problem as it may cause IE to ignore the object contained within them.

Do not move the <object> into the script tag - this is HTML, not JavaScript.

AndrewGSW · 05-11-2011, 11:23 AM

There are also significant errors in your HTML which would cause browsers to fail to show it correctly (if at all) and to not run any JavaScript. Validate it here.

In particular, you have a closing <center> tag outside of your <body> tag, you've omitted (or at least it is not showing) the closing <html> tag, you are using the deprecated center tag, etc..

claire_t · 05-11-2011, 01:16 PM

Ohhh so i have! oppsy!! will look into that as my next job! think i put the <centre> tag there to get me started before i started the css for rest of site so will get that linked in

Thanks all for advice, I have now got it working, maybe through changing file names or maybe moving the <noscript> tag! so yay!!
new code (without the issues Andrew just mentioned sorted yet!)

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Joho-Designs-Enter</title>
<link rel="shortcut icon" href='Pictures/favicon.ico'>
<link rel="shortcut icon" href="pictures/favicon.ico">
<script src="Scripts/AC_ActiveX.js" type="text/javascript"></script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<center>
<body bgcolor="#ffffcc">
<a href="joho-designs-home.html">
<div align="right"><img src="skipintro.jpg" alt="skip intro" width="100" height="50" border="0"/></div></a>
<a href="joho-designs-home.html">
<noscript><script type="text/javascript">
AC_AX_RunContent( 'width','550','height','400','src','animations/joho-animation.swf','movie','animations/joho-animation.swf' ); //end AC code
</script></noscript><object width="550" height="400">
<param name="movie" value="animations/joho-animation.swf">
<embed src="animations/joho-animation.swf" width="550" height="400">
</embed>
</object>
</a>
</body>
</center>

thanks again!!