Problem with Flash Header

[oavs]

With refer to the other topic at Reviewer's Corner Shop has gone live: please review

Our fellow member JohneeMac suggested the following for the Flash.
SWFObject: Javascript Flash Player detection and embed script

I had tested, it works, with more functions and with XHTML validation.

And below are the steps of the test which use the JavaScript download from the above site.

1. save the header Flash file to the following directory (just for example)
includes/templates/YOUR_TEMPLATE/images/flash/YOUR_HEADER.swf

2. download the zip packaged file from the above site

3. unzip and save the included swfobject.js file (not compressed and about 6.5 KB) to your ZC template directory
includes/templates/YOUR_TEMPLTE/jscript/swfobject.js

4. If in before, the tpl_header.php had not been modified,
then copy the following file:
includes/templates/template_default/common/tpl_header.php

and save it to your template override directory:
include/templates/YOUR_TEMPALTE/common/tpl_header.php

5. Open up the new saved tpl_header.php file in your override directory
include/templates/YOUR_TEMPALTE/common/tpl_header.php

Add and modify the codes according to your requirements.
For detail usuages, please refer to the docs and the original site for more infos.

For example,
in the tpl_header.php, just insert the codes for Flash below the section of:
<!--bof-branding display-->
<div id="logoWrapper">

<!--bof-branding display-->
<div id="logoWrapper">

<script type="text/javascript" src="includes/templates/YOUR_TEMPLATE/jscript/swfobject.js"></script>
<div id="flashcontent">
  This text is replaced by the Flash movie.
</div>
<script type="text/javascript">
   var so = new SWFObject("includes/templates/YOUR_TEMPLATE/images/flash/YOUR_HEADER.swf", "YOUR_HEADER", "750", "160", "7", "#000000");
   so.write("flashcontent");
</script> 

Note:
In the above codes, where:
YOUR_TEMPLATE = the name of your template.
YOUR_HEADER = the file name of your Flash file.

.

Hi ,

I was wondering if someone could please help.
I have used above instructions and my flash DOES WORK. However it has a black background to it. How can I change it to white?

Many thanks for the code above.

[dbltoe]

In the php code, look for #000000 and change it to suit your needs.

[Sawhorse]

Would you believe that I am having several problems running my flash test_1.swf file on my main page? I have read everything I can get my eyes on and I still am having several problems. I wish some brilliant person would help out.

Now for the setup in ZC 1.3.8a (Series_12_Horses is my new template):

1) I first downloaded swfobject.js (version 2.1) and placed the file in includes/templates/Series_12_Horses/jscript/swfobject.js
2) I originally added this code in define_main_page.php found in includes/languages/english/html_includes\Series_12_Horses\define_main_page.php

<!--top of flash display-->
    <script type="text/javascript" src="includes/templates/Series_12_Horses/jscript/swfobject.js"></script>
 <div id="flashcontent">
   <center>
   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
     codebase="http://active.macromedia.com/flash2/...ersion=4,0,0,0"
     id="test_1" width="600" height="240">

     <param name="movie"   value="includes/Series_12_Horses/flash/test_1.swf">
     <!--  <param name="movie"   value="test_1.swf">  -->
     <param name="quality" value="high">
     <param name="bgcolor" value="#FFCCCC">
     <embed name="test_1" src="test_1.swf" quality="high" bgcolor="#FFCCCC"
       width="600" height="240"
       type="application/x-shockwave-flash"
       pluginspage="http://www.macromedia.com/shockwave/...ShockwaveFlash">
     </embed>
   </object>
</center>
 <script type="text/javascript">
    var so = new SWFObject("includes/Series_12_Horses/flash/test_1.swf", "test_1", "600", "240", "7", "#FFCCCC");
    so.write("flashcontent");
</script>
</div>
<!--bottom of flash display--> 

However, the directory where the flash file was located (includes/Series_12_Horses/flash/test_1.swf) could not be found by the code, so I placed test_1.swf in the root directory and test_1.swf was found. (I removed (includes/Series_12_Horses/flash/) in the two code locations above to make the code work).

My problems are”

1) I see an error in FireFox - SWFobject is not defined (my line 106 in define_main_page.php which is

var so = new SWFObject("test_1.swf", "test_1", "600", "240", "7", "#FFCCCC"); 

2. Test_1.swf does not loop. I was under the impression the loop=yes was the default.
3. I do not like to be forced to put my swf file in the rood directory. How do we fix this? I assume that fixing the SWFobject error may correct this problem.

Oh, no errors seen in IE, but no looping.

Just a FYI if you are wondering about the test_1.swf. It was not published using Adobe. It was published from a test fla file I made in Pinnacle Studio 12 using Moeya Flash Video Pro demo version. (I do not do this for profit so I can not afford Adobe.

Any Ideas? I opened my site for any testing that you may want to do. - Thanks

[oavs]

In the php code, look for #000000 and change it to suit your needs.

Thanks dbttoe. That was it

[Sawhorse]

I think I do not know how to load SWFOBJECT.js correctly. What I mean is that I downloaded swfobject.js from http://code.google.com/p/swfobject/d...label:Featured
as swfobject_2_1.zip
I then extracted swfobject.js from the zip. It was not sure what the other files in the zip were or how to run them.

I believe I may have done this incorrectly.

Does anyone know the correct procedure?

[misty]

Line of code incorrect
i.e.

id="test_1" width="600" height="240">

should be

id="test_1.swf" width="600" height="240">

[oavs]

I think I do not know how to load SWFOBJECT.js correctly. What I mean is that I downloaded swfobject.js from http://code.google.com/p/swfobject/d...label:Featured
as swfobject_2_1.zip
I then extracted swfobject.js from the zip. It was not sure what the other files in the zip were or how to run them.

I believe I may have done this incorrectly.

Does anyone know the correct procedure?

You'll only need 'SWFOBJECT.js ' file

[misty]

I think I do not know how to load SWFOBJECT.js correctly. What I mean is that I downloaded swfobject.js from http://code.google.com/p/swfobject/d...label:Featured
as swfobject_2_1.zip
I then extracted swfobject.js from the zip. It was not sure what the other files in the zip were or how to run them.

I believe I may have done this incorrectly.

Does anyone know the correct procedure?

http://www.zen-cart.com/forum/showpo...10&postcount=7
Correct details/actual swfobject file given at previous thread,
url above, but as mentioned in my last post, you have incorrect line
of code...

[Sawhorse]

Line of code incorrect
i.e.

id="test_1" width="600" height="240">

should be

id="test_1.swf" width="600" height="240">

Thank your Misty, however I am confused. In your post http://www.zen-cart.com/forum/showpo...8&postcount=51 you do not show the swf extension. Maybe I am missing something.

I did try your suggestion changing ID=test_1 to ID=test_1.swf - However, it did not change the error noted in Firefox.

What am I doing incorrectly?

[Sawhorse]

Ovas & Misty, Your statements are exactly what I thought was correct until I looked at all the files of the ZIP file. There are two swfobject.js files. A long complicated js file (the one that I used) that looks appropriate. The another swfobject.js file showes only a single line of code, however the codes seems to include all that was in the first swfobject.js file. Strange.