cleeclee Posted October 24, 2012 Share Posted October 24, 2012 Hi i've attached my html code in the tags. I'm trying to display 2 seperate swf files but am only able to do display 1 swf file. How do i go about displaying 2 or even more of them. I'm doing my final year project with little knowledge, please do help by keeping it simple and letting me know where i have to add or edit anything. Thank you very much for any replies and your time in advance. <html> <body background="http://www.moxyimagery.com/backgrounds/black-carbon-sheet.jpg"> <center><IMG SRC="http://very-soft.com/media/products/screenshots/Energy_animation-site_1.gif" ALT="GIF" WIDTH=900 HEIGHT =80"></center> <center><font size ="10"><font color="#81F7F3">Energy Management</font></font></center> </body> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>EMS</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css" media="screen"> html, body { height:100%; background-color: #000000;} body { margin:0; padding:0; overflow:hidden; } #flashContent { width:100%; height:100%; } </style> </head> <body> <div id="flashContent"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="327" height="218" id="Energygraph" align="middle"> <param name="movie" value="Energygraph.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#000000" /> <param name="play" value="true" /> <param name="loop" value="true" /> <param name="wmode" value="window" /> <param name="scale" value="showall" /> <param name="menu" value="true" /> <param name="devicefont" value="false" /> <param name="salign" value="" /> <param name="allowScriptAccess" value="sameDomain" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="Energygraph.swf" width="327" height="218"> <param name="movie" value="Energygraph.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#000000" /> <param name="play" value="true" /> <param name="loop" value="true" /> <param name="wmode" value="window" /> <param name="scale" value="showall" /> <param name="menu" value="true" /> <param name="devicefont" value="false" /> <param name="salign" value="" /> <param name="allowScriptAccess" value="sameDomain" /> <!--<![endif]--> <a href="http://www.adobe.com/go/getflash"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> </body> </html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>airflowgraph</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css" media="screen"> html, body { height:100%; background-color: #000000;} body { margin:0; padding:0; overflow:hidden; } #flashContent { width:100%; height:100%; } </style> </head> <body> <div id="flashContent"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="372" height="217" id="airflowgraph" align="middle"> <param name="movie" value="airflowgraph.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#000000" /> <param name="play" value="true" /> <param name="loop" value="true" /> <param name="wmode" value="window" /> <param name="scale" value="showall" /> <param name="menu" value="true" /> <param name="devicefont" value="false" /> <param name="salign" value="" /> <param name="allowScriptAccess" value="sameDomain" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="airflowgraph.swf" width="372" height="217"> <param name="movie" value="airflowgraph.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#000000" /> <param name="play" value="true" /> <param name="loop" value="true" /> <param name="wmode" value="window" /> <param name="scale" value="showall" /> <param name="menu" value="true" /> <param name="devicefont" value="false" /> <param name="salign" value="" /> <param name="allowScriptAccess" value="sameDomain" /> <!--<![endif]--> <a href="http://www.adobe.com/go/getflash"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> </body> </html> Quote Link to comment Share on other sites More sharing options...
Beeeeney Posted October 24, 2012 Share Posted October 24, 2012 Is that the code for one page? Why do you have 3 <html> opening tags? Quote Link to comment Share on other sites More sharing options...
cleeclee Posted October 25, 2012 Author Share Posted October 25, 2012 yes that is the code for one page. I added them to show it clearer because it was too long. Quote Link to comment Share on other sites More sharing options...
cleeclee Posted October 25, 2012 Author Share Posted October 25, 2012 taking away the tags doesnt solve my problem though Quote Link to comment Share on other sites More sharing options...
Jessica Posted October 25, 2012 Share Posted October 25, 2012 That does not make sense Quote Link to comment Share on other sites More sharing options...
cleeclee Posted October 25, 2012 Author Share Posted October 25, 2012 HI, may i know what does not make sense? Quote Link to comment Share on other sites More sharing options...
codefossa Posted October 25, 2012 Share Posted October 25, 2012 Jessica, I'm pretty sure it was a copy / paste job. I don't know how to explain to him if he don't know basic HTML. On a side note, if you know some and I'm wrong. Remove the triple page, only have an ID used once per page, and add another object. Personally, I would use PHP to embed a bunch of stuff because it would save writing it over and over if it's similar, like on a video streaming site. Quote Link to comment Share on other sites More sharing options...
Jessica Posted October 25, 2012 Share Posted October 25, 2012 Looks like you'll have to retake the class. Maybe pay attention next time. Quote Link to comment Share on other sites More sharing options...
matthewtbaker Posted October 26, 2012 Share Posted October 26, 2012 (edited) cleeclee: When creating a basic HTML file you must only ever have one HTML declaration, one head declaration and one body declaration. Having anymore will not only make the code very difficult to maintain it can cause issues when the browser renders the page. Use the below as your basic template: <!doctype html> <html> <head> <title>Page Title</title> <link rel="stylesheet" href="style.css" /> <script src="functions.js"></script> </head> <body> <h1>Page Title</h1> <p>Paragraph</p> </body> </html> Once you have your template built then proceed to insert your swf references. If you wish to insert them into a DIV ensure you only use the a div ID once. Alternatively you can use classes. <div id="flashContent1"></div><div id="flashContent2"></div> or <div class="flashContent"></div><div class="flashContent"></div> Now you should be able to paste what ever object you like within the <div>as long as their IDs are unique. <div class="flashContent"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="372" height="217" id="airflowgraph" align="middle"> <param name="movie" value="airflowgraph.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#000000" /> <param name="play" value="true" /> <param name="loop" value="true" /> <param name="wmode" value="window" /> <param name="scale" value="showall" /> <param name="menu" value="true" /> <param name="devicefont" value="false" /> <param name="salign" value="" /> <param name="allowScriptAccess" value="sameDomain" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="airflowgraph.swf" width="372" height="217"> <param name="movie" value="airflowgraph.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#000000" /> <param name="play" value="true" /> <param name="loop" value="true" /> <param name="wmode" value="window" /> <param name="scale" value="showall" /> <param name="menu" value="true" /> <param name="devicefont" value="false" /> <param name="salign" value="" /> <param name="allowScriptAccess" value="sameDomain" /> <!--<![endif]--> <a href="http://www.adobe.com/go/getflash"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a> </object> </div> I hope this helps. Matt Edited October 26, 2012 by matthewtbaker Quote Link to comment Share on other sites More sharing options...
cleeclee Posted October 29, 2012 Author Share Posted October 29, 2012 That was very helpful of you and thank you Matt for bothering to do this. Appreciate it a lot. Quote Link to comment Share on other sites More sharing options...
cleeclee Posted October 29, 2012 Author Share Posted October 29, 2012 I do not have any html background, i'm an Green techonology student and was dumped an IT project as my final year project ( 8 weeks is all I have ). Wished there was classes for me to even pay attention to in the first place. So please dont judge me when you don't know anything about me. Quote Link to comment Share on other sites More sharing options...
cleeclee Posted October 29, 2012 Author Share Posted October 29, 2012 Thank you Matt that worked really well. Now i've new knowledge to to boast about. That was really helpful, really cant thank you enough. Quote Link to comment Share on other sites More sharing options...
matthewtbaker Posted October 31, 2012 Share Posted October 31, 2012 Thank you Matt that worked really well. Now i've new knowledge to to boast about. That was really helpful, really cant thank you enough. You're welcome cleeclee, feel free to give my post a 'like point'. lol. It's difficult to get started but once you do... it only gets worse. Good luck! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.