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.
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.
Egg
Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
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:
Notice that the start of the new DIV section picks up the Left and Top settings that Xara generated for the Placeholder rectangle.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>
The complete webpage code now looks something like this:
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.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>
Try it out -- make a 417 wide by 323 high TEST1.SWF -- and run the new HTML code.
Welcome Jon,
Sorry but this is completely incorrect, it works fine with Flash Player 10.The Xara code doesn't work with Flash 10.
Use Name Gallery to name the rectangle :-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.
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.
Egg
Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
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
Last edited by steve.ledger; 10 December 2008 at 09:34 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.
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.
EDIT: Steve, we're just going to have to move to different time zonesSorry Egg - we cross-posted again
Last edited by Egg Bramhill; 10 December 2008 at 09:46 PM.
Egg
Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
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:
Perhaps only works in Commonwealth countries?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;"> </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;"> </div></div> </div> </body> </html>
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!
Bookmarks