Annoying Flash

**Deanx** · 16 November 2008, 07:05 PM

Hi Guys and Gals

Having trouble with the code when trying to embed flash / swf files with xara.

I'm designing my whole site with Xara Xtreme 4 and so far so good. Apart from the flash that is.

I'm trying to put banners and video in my site but every time I view my site in my web browser all I see is the code. I gt the active x warning say click allow active x and the page loads just to reveal the code text.

If I create a html page with notepad using the same code everything works fine it's just when using xara.

Everything else in Xara exports to html files / pages ok it seems to be just flash.

Any helpwould be mos appreciated

Deanx

**steve.ledger** · 16 November 2008, 07:20 PM

Hi Deanx - and welcome to the TG Forums.

This has come up numerous times recently. If you use the forum search function and the keywords 'embed flash' you will find many discussions listed.
A recent thread here was the catalyst for one member to understand the ease at which flash can now be embedded into Xara Xtreme html output.

**Deanx** · 16 November 2008, 08:18 PM

Hi sledger

Thanks for your response.

I've searched the forums over and over but can't seem to find any definate answers. I've watched the tutorials and everything but just can't get it to work.

Like I said I used exactly the same code I pasted in my Xara web page in to notepad and that displayed my flash file fine it seems to be a fault with xara.

Maybe i'll try there webstyle package instead or convert to a different WYSISWYG and htnl editor.

Thanks again

**steve.ledger** · 16 November 2008, 08:29 PM

This is where the confusion is happening.
There's no need to paste any code into Xtremes html output source.
You add your flash to the page as an object (rectangle shape) and then name the object as shown in the link I provided (eg: FLASH="myflash.swf").

Xtreme's html output filter adds the required code correctly.

**Deanx** · 16 November 2008, 08:32 PM

Ohhhhhhhhh.

In the Xara tutorial it says you have to view the html code and copy and paste it into the page ok i'll try it now.

and thanks again

**steve.ledger** · 16 November 2008, 08:33 PM

You can download Egg's examples here. Have a look at what he's done using named objects.

The Xara tutorial hasn't been updated since the June program update where the newer updated html output filter was added.

**Deanx** · 16 November 2008, 09:05 PM

Hmmm. Maybe I need to download that update first cuz not working at the moment, I just get a blank webpage now an a recteangle lights when I hover over it with a message saying prees space or enter to activate and use this control.

I'll watch Eggs tutorial too.

**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