Question
Swf files appearing in preview (D8) but not n browser after uploading - frustrated!
Hello,
I have worked with Flash and Dreamweaver on the side for a number of years. We all know that after the recent changes, the way it handles object and embed tags has changed to favor Java actionscripts instead.
This code I am about to paste was created using Dreamweaver 8.02, with transitional (x) html. Now mind you, this is not the prettiest piece of code you've ever seen. I now am learning to use CSS layouts instead of layers/tables, with php and flash integrated. This one example is not the only time I have had this problem however.
I made a silly flash banner (its actually a placeholder for a better one I have to develop) for testing purposes and sizing. It appears fine in Firefox, and IE6 in the preview mode via Dreamweaver. When I upload it all to the site, the flash banner does not appear.
I have tried copying the FLA and SWF files to the root folder (the fla, swf, and html files generated are all present), and tried a number of variations in the code and parameters to no avail. The darn thing just won't appear now. Similarly older pages I have created that Dreamweaver now prompts you to "fix the object tag that may not work in IE7...etc" have the same issue. If I select "go ahead and fix them for me", they are visible in production, but gone after uploading.
Now to remove the possibility that this was a layering or parent tag issue of visibility, I created a blank HTML page and "insert/media/flash" and stuck the banner in there, then uploaded it to my server. It doesn't appear.
I need help. I have been scouring the web for a few days now to no avail and have become quite frustrated with what used to be a really easy integration of Flash and html.
Here is the top chunk of code from the page in question: (the page is live with the missing banner here:
http://www.aeonsolutions.net/shirtworks/Shrtwrks_Homepage.html)
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Shirtworks custom T shirts, silk screening, inkjet printing, embroidery, event, club, sport, organization, holiday, humor, clothing</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:999px;
height:690px;
z-index:1;
left: 4px;
top: 3px;
margin: 0 auto;
overflow: hidden;
background-image: url(Shrtwrks_bkgrnd5.jpg);
visibility: visible;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a )&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p=new Image;
d.MM_p[j++].src=a
;}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d)&&d.all) x=d.all; for
(i=0;!x&&i<d.forms.length;i++) x=d.forms ;
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers .document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="CSS/shirtworks.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">
<!--
#Layer2 {
position:absolute;
width:128px;
height:309px;
z-index:2;
left: 8px;
top: 197px;
visibility: visible;
}
#Layer3 {
position:absolute;
width:804px;
height:457px;
z-index:3;
left: 179px;
top: 215px;
visibility: visible;
}
#Layer4 {
position:absolute;
width:1000px;
height:27px;
z-index:4;
left: 4px;
top: 697px;
visibility: visible;
}
#Layer5 {
position:absolute;
width:528px;
height:150px;
z-index:5;
left: 214px;
top: 11px;
visibility: visible;
}
-->
</style>
</head>
<body onload="MM_preloadImages('MenuText/HomePage_over.jpg','MenuText/Artwork_over.jpg','MenuText/Apparel_over.jpg','MenuText/Embroidery_over.jpg','MenuText/Custom_over.jpg','MenuText/Directions_over.jpg','MenuText/AboutUs_over.jpg','MenuText/Contact_over.jpg')">
<div id="Layer5">
<table width="533" height="141" border="0">
<tr>
<td><script type="text/javascript">
AC_FL_RunContent( 'codebase',' http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','data','Banner1.html','width','525','height','143','hspace','0','vspace','0','align','middle','border','0','title','Banner1','src','Banner1','pluginspage','http://www.macromedia.com/go/getflashplayer','scale','noborder','movie','Banner1' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" data="Banner1.html" width="525" height="143" hspace="0" vspace="0" align="middle" border="0" title="Banner1">
<param name="movie" value="Banner1.swf" />
<param name="SCALE" value="noborder" />
<embed src="Banner1.swf" width="525" height="143" hspace="0" vspace="0" align="middle" pluginspage=" http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="noborder"></embed>
</object></noscript></td>
</tr>
</table>
Understanding this change is fundamental in my developing process as a designer, and will save my sanity. I appreciate any help.
Mike
I have worked with Flash and Dreamweaver on the side for a number of years. We all know that after the recent changes, the way it handles object and embed tags has changed to favor Java actionscripts instead.
This code I am about to paste was created using Dreamweaver 8.02, with transitional (x) html. Now mind you, this is not the prettiest piece of code you've ever seen. I now am learning to use CSS layouts instead of layers/tables, with php and flash integrated. This one example is not the only time I have had this problem however.
I made a silly flash banner (its actually a placeholder for a better one I have to develop) for testing purposes and sizing. It appears fine in Firefox, and IE6 in the preview mode via Dreamweaver. When I upload it all to the site, the flash banner does not appear.
I have tried copying the FLA and SWF files to the root folder (the fla, swf, and html files generated are all present), and tried a number of variations in the code and parameters to no avail. The darn thing just won't appear now. Similarly older pages I have created that Dreamweaver now prompts you to "fix the object tag that may not work in IE7...etc" have the same issue. If I select "go ahead and fix them for me", they are visible in production, but gone after uploading.
Now to remove the possibility that this was a layering or parent tag issue of visibility, I created a blank HTML page and "insert/media/flash" and stuck the banner in there, then uploaded it to my server. It doesn't appear.
I need help. I have been scouring the web for a few days now to no avail and have become quite frustrated with what used to be a really easy integration of Flash and html.
Here is the top chunk of code from the page in question: (the page is live with the missing banner here:
http://www.aeonsolutions.net/shirtworks/Shrtwrks_Homepage.html)
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Shirtworks custom T shirts, silk screening, inkjet printing, embroidery, event, club, sport, organization, holiday, humor, clothing</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:999px;
height:690px;
z-index:1;
left: 4px;
top: 3px;
margin: 0 auto;
overflow: hidden;
background-image: url(Shrtwrks_bkgrnd5.jpg);
visibility: visible;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a )&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers .document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="CSS/shirtworks.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">
<!--
#Layer2 {
position:absolute;
width:128px;
height:309px;
z-index:2;
left: 8px;
top: 197px;
visibility: visible;
}
#Layer3 {
position:absolute;
width:804px;
height:457px;
z-index:3;
left: 179px;
top: 215px;
visibility: visible;
}
#Layer4 {
position:absolute;
width:1000px;
height:27px;
z-index:4;
left: 4px;
top: 697px;
visibility: visible;
}
#Layer5 {
position:absolute;
width:528px;
height:150px;
z-index:5;
left: 214px;
top: 11px;
visibility: visible;
}
-->
</style>
</head>
<body onload="MM_preloadImages('MenuText/HomePage_over.jpg','MenuText/Artwork_over.jpg','MenuText/Apparel_over.jpg','MenuText/Embroidery_over.jpg','MenuText/Custom_over.jpg','MenuText/Directions_over.jpg','MenuText/AboutUs_over.jpg','MenuText/Contact_over.jpg')">
<div id="Layer5">
<table width="533" height="141" border="0">
<tr>
<td><script type="text/javascript">
AC_FL_RunContent( 'codebase',' http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','data','Banner1.html','width','525','height','143','hspace','0','vspace','0','align','middle','border','0','title','Banner1','src','Banner1','pluginspage','http://www.macromedia.com/go/getflashplayer','scale','noborder','movie','Banner1' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" data="Banner1.html" width="525" height="143" hspace="0" vspace="0" align="middle" border="0" title="Banner1">
<param name="movie" value="Banner1.swf" />
<param name="SCALE" value="noborder" />
<embed src="Banner1.swf" width="525" height="143" hspace="0" vspace="0" align="middle" pluginspage=" http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="noborder"></embed>
</object></noscript></td>
</tr>
</table>
Understanding this change is fundamental in my developing process as a designer, and will save my sanity. I appreciate any help.
Mike
AdChoices