Annoying Flash

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

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.

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

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.

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

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.

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.

Seems fine, just make sure you have put the .swf into the correct folder.
Also makes sure that any browser flash stoppers/blockers are disabled.


In case, the updates can be found here.

I've downloaded the updates as I didn't have them whether they do anything or not is another matter.

I still can't get it working just get a blank objet in my browser.

I'll watch Eggs video tomorrow and try again.

Make sure your flash files (.swf) are in the index.htm_files folder after you export your .xar to HTML.
If you name your .html something different, put the .swf files into the folder that shares that name.

http://www.talkgraphics.com/attachme...8&d=1226735028


Also, there have been issues with Adobe Flash 10 causing flash to not play but show just a white rectangle on the page in your browser.

If you have recently updated to Adobe Flash 10, try removing it and installing Flash 9

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.

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.

Welcome Jon,

Quote:

---

The Xara code doesn't work with Flash 10.

---

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

Quote:

---

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.

Quote:

---

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

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.

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.

Quote:

---

Sorry Egg - we cross-posted again

---

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

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?

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

Sledger et al--
Bingo!
CD Update 4.01.5601 CD (Xara) Jul 4 2008 with new HTML filter solves problem...
thank you all for the help!