Annoying Flash

**Egg Bramhill** · 16 November 2008, 10:46 PM

Welcome Deanx, perhaps you could post the 2 xar files you're using to create your web page with. (The xar file that creates the html & the xar file that creates the swf) This would be the quikest way of sorting your problem.

**jon404** · 10 December 2008, 09:07 PM

The Xara code doesn't work with Flash 10.
Here's a workaround:
Design your webpage with Xara. Make a rectangle the same size as your Flash piece. Use Name Gallery to name the rectangle SWF-PLACEHOLDER ... then position the rectangle on the webpage design, exactly where you want the Flash piece to be.
Export the design as an HTML webpage.
Open the webpage in a text editor.
Now, what we will do is insert some real Flash code just before the end of Xara's DIV ... /DIV tags.
You'll see a DIV ID = "XR" tag. Put the following html code just before the closing /DIV tag:

Code:

<div id="flashinsert" style= "position:absolute; left:234px; top:36px;"> 

	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="417" height="323" ID="test1">
		<param name="movie" value="test1.swf">
		<param name="quality" value="high">
		<param name="loop" value="0">
		<embed src="test1.swf" width="417" height="323" loop="0" quality="high" pluginspage="http://www.adobe.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed>
	</object>
</div>

Notice that the start of the new DIV section picks up the Left and Top settings that Xara generated for the Placeholder rectangle.

The complete webpage code now looks something like this:

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" xml:lang="en" lang="en">
<head>
<meta name="XAR pngs" content="3"/>
<title>mtest1b</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"/>
<meta name="Generator" content="Xara HTML filter v.1.0.7.277"/>
<!--[if lt IE 7]><script defer type="text/javascript" src="mtest1b.htm_files/png.js"></script><![endif]-->
<script language="JavaScript" type="text/javascript">
<!--
 function rx(){var ww=window.innerWidth;if(!ww){ww=document.documentElement.clientWidth;};
dx=(ww-parseInt(xr.style.width))/2;i=-parseInt(xr.style.width)/2;if(dx<0){i-=dx;dx=0;};xr.style.marginLeft=i+"px";};
window.onresize=rx;
--> </script>
<link rel="stylesheet" type="text/css" href="mtest1b.htm_files/default.css" /></head>
<body style="" onload="rx()">
<div id="xr" style="width: 840px; height: 600px; position:absolute; top:0px; left:50%; margin-left: -420px; clip: rect(0px 840px 600px 0px);"><script type="text/javascript">var xr=document.getElementById("xr")</script>
<img src="mtest1b.htm_files/0.png" border="0" alt="" style="left: 0px; top: 0px; width: 843px; height: 600px; position: absolute;"/><img src="mtest1b.htm_files/1.png" border="0" alt="" style="left: 39px; top: 35px; width: 176px; height: 63px; position: absolute;"/><a name="SWF-PLACEHOLDER" ><img src="mtest1b.htm_files/2.png" border="0" alt="" style="left: 234px; top: 36px; width: 418px; height: 324px; position: absolute;"/></a>

<div id="flashinsert" style= "position:absolute; left:234px; top:36px;"> 

	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="417" height="323" ID="test1">
		<param name="movie" value="test1.swf">
		<param name="quality" value="high">
		<param name="loop" value="0">
		<embed src="test1.swf" width="417" height="323" loop="0" quality="high" pluginspage="http://www.adobe.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed>
	</object>
</div>


</div>
</body>
</html>

Print this out and you'll see how the new DIV is nested within the Xara-made DIV. Easy enough to do... until Xara updates to handle Flash 10.
Try it out -- make a 417 wide by 323 high TEST1.SWF -- and run the new HTML code.

**Egg Bramhill** · 10 December 2008, 09:28 PM

Welcome Jon,

The Xara code doesn't work with Flash 10.

Sorry but this is completely incorrect, it works fine with Flash Player 10.

Design your webpage with Xara. Make a rectangle the same size as your Flash piece. Use Name Gallery to name the rectangle SWF-PLACEHOLDER ... then position the rectangle on the webpage design, exactly where you want the Flash piece to be.
Export the design as an HTML webpage.

Use Name Gallery to name the rectangle :-
FLASH="myflashfile.swf"

Ensure that the swf file is in the sub directory created by XX when you created your html file and it will work as it does under all previous Flash Player versions.

**steve.ledger** · 10 December 2008, 09:31 PM

Originally Posted by jon404

The Xara code doesn't work with Flash 10.

Wrong - works fine with Flash 10 installed.
How are you inserting your original flash via Xara Xtreme?
Like this

Edit: Sorry Egg - we cross-posted again

**Metro Golden** · 10 December 2008, 09:32 PM

I had the same situation and sledger and egg talked me through it. As mentioned, no recoding or scripting inserts have to be done other that create the flash separately, insert the exported swf into the websites file directory and give it a box with the right size with the name as mentioned on your web.xar.

**Egg Bramhill** · 10 December 2008, 09:43 PM

Here's a couple of files to test this Jon.

A xar file which you should export as index.htm
A swf file (270.swf) that you should save in the index.htm_files.

You should find this works fine for Flash Player 10.

Sorry Egg - we cross-posted again

EDIT: Steve, we're just going to have to move to different time zones

**jon404** · 10 December 2008, 09:59 PM

Strange --
Still doesn't work...
Opened your files, opened the .xar, exported to a webpage, copied the SWF to the index.htm_files folder.
Doesn't display in Firefox 3.0 or IE 7. Am using Flashplayer 10. On an IBM T-43 laptop. Other Flash programs (Flash, Captivate, & Flash from Xara4) are working fine...
Here's the code my Xara 4 made from your file:

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" xml:lang="en" lang="en">
<head>
<meta name="XAR pngs" content="1"/>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"/>
<meta name="Generator" content="Xara HTML filter v.1.0.7.277"/>
<!--[if lt IE 7]><script defer type="text/javascript" src="index.htm_files/png.js"></script><![endif]-->
<script language="JavaScript" type="text/javascript">
<!--
 function rx(){var ww=window.innerWidth;if(!ww){ww=document.documentElement.clientWidth;};
dx=(ww-parseInt(xr.style.width))/2;i=-parseInt(xr.style.width)/2;if(dx<0){i-=dx;dx=0;};xr.style.marginLeft=i+"px";};
window.onresize=rx;
--> </script>
<link rel="stylesheet" type="text/css" href="index.htm_files/default.css" /></head>
<body style="" onload="rx()">
<div id="xr" style="width: 990px; height: 450px; position:absolute; top:0px; left:50%; margin-left: -495px; clip: rect(0px 990px 450px 0px);"><script type="text/javascript">var xr=document.getElementById("xr")</script>
<a name="FLASH="270.swf"" ><img src="index.htm_files/0.png" border="0" alt="" style="left: 342px; top: 61px; width: 271px; height: 271px; position: absolute;"/></a><div style="left: 41px; width: 270.0px; height: 175.0px;  position: absolute; font-size: 10pt; font-family: Arial; text-align: left; top: 74px;"><div style="white-space: pre;"><span style="left: 0px; top: -13px; position: absolute; white-space: pre;">Dolore cupidatat fugiat do in ex labore. Fugiat </span><span style="left: 0px; top: 2px; position: absolute; white-space: pre;">esse velit consectetur occaecat reprehenderit </span><span style="left: 0px; top: 17px; position: absolute; white-space: pre;">ipsum, sit ut pariatur consectetur cillum. </span><span style="left: 0px; top: 32px; position: absolute; white-space: pre;">Fugiat tempor eu sed, ullamco sit veniam </span><span style="left: 0px; top: 47px; position: absolute; white-space: pre;">excepteur do ut.</span></div><div style="white-space: pre;"><span style="left: 0px; top: 61px; position: absolute; white-space: pre;">Nostrud ex do voluptate cupidatat sed </span><span style="left: 0px; top: 76px; position: absolute; white-space: pre;">adipisicing consequat. Ut enim pariatur ea </span><span style="left: 0px; top: 91px; position: absolute; white-space: pre;">labore. Aute enim et duis elit minim proident </span><span style="left: 0px; top: 106px; position: absolute; white-space: pre;">ipsum occaecat ea proident magna ut </span><span style="left: 0px; top: 121px; position: absolute; white-space: pre;">ullamco minim eu in.</span></div><div style="white-space: pre;">&nbsp;</div></div>
<div style="left: 677px; width: 275.0px; height: 224.0px;  position: absolute; font-size: 10pt; font-family: Arial; text-align: left; color: #0002BF; top: 74px;"><div style="white-space: pre;"><span style="left: 0px; top: -13px; position: absolute; white-space: pre;">Consequat elit adipisicing dolor in aliquip ut </span><span style="left: 0px; top: 2px; position: absolute; white-space: pre;">irure aliqua, officia veniam. In excepteur, </span><span style="left: 0px; top: 17px; position: absolute; white-space: pre;">commodo anim consequat sed nostrud </span><span style="left: 0px; top: 32px; position: absolute; white-space: pre;">cupidatat amet, sed enim et ut aliquip. In </span><span style="left: 0px; top: 47px; position: absolute; white-space: pre;">pariatur cillum dolore laboris ut, eu fugiat </span><span style="left: 0px; top: 61px; position: absolute; white-space: pre;">minim adipisicing qui, incididunt ut cupidatat </span><span style="left: 0px; top: 76px; position: absolute; white-space: pre;">exercitation.</span></div><div style="white-space: pre;"><span style="left: 0px; top: 91px; position: absolute; white-space: pre;">Enim, ad proident ut labore dolore exercitation </span><span style="left: 0px; top: 106px; position: absolute; white-space: pre;">elit dolor aliqua ipsum sed do id quis irure? </span><span style="left: 0px; top: 121px; position: absolute; white-space: pre;">Pariatur, veniam labore ipsum labore. Ad ut </span><span style="left: 0px; top: 136px; position: absolute; white-space: pre;">adipisicing sed nisi in.</span></div><div style="white-space: pre;">&nbsp;</div></div>
</div>
</body>
</html>

Perhaps only works in Commonwealth countries?

**steve.ledger** · 10 December 2008, 10:14 PM

You're using an old version of the html filter Xara HTML filter v.1.0.7.277 when is needs to be v.1.1.0.341

Update Xtreme to the most recent version