Dynamic SWF File in a Html/Javascript page

Question

I need to change the swf embedded n my html page, when I click on a menuItem in the same page. I do not want to navigate to a new page with another swf because that will be a bit slower. So, I need some solutions. currently I am using div in the html to include a swf file in it. my current code is given below , the javascript method showAlert will be changed later , but this is the one I want to change the SWF file right now...

   <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
      <title>Wrapper Being Called</title>
       <script type="text/javascript" src="/TestProject/flashfiles/swfobject.js">       </script>
       <script type="text/javascript">
          var swfVersionStr = "0";
          var xiSwfUrlStr = "";
          var flashvars = {};
        var params = {};
        params.quality = "high";
        params.bgcolor = "#ffffff";
        params.allowscriptaccess = "always";
        var attributes = {};
        attributes.id = "WrapperCaller";
        attributes.name = "WrapperCaller";
        attributes.align = "middle";
        swfobject.embedSWF(
            "/TestProject/flashfiles/Project1.swf", "flashContent",
            "100%", "100%",
            swfVersionStr, xiSwfUrlStr,
            flashvars, params, attributes);
    </script>
</head>

 <SCRIPT LANGUAGE="JavaScript">
     function showAlert(a) {
        alert(a);
        return "successful";
     }

 </SCRIPT>

<body>
    <div id="flashContent"/>

So have you tried to figure out how to do it yourself? Or do you want someone here just to do it for you? — Jared Farrish
– Jared Farrish, Commented Mar 31, 2012 at 16:52
I have tried hard.... not working out. Tried to refresh the DIV contents through js not working. Also sent an email to the developers of the swfObject. but as of now no response. — Raheel Khan
– Raheel Khan, Commented Mar 31, 2012 at 17:20
No, this has nothing to do with actionscript, yes there is actionscript in the swf that I am trying to embed. but the only problem i am facing is in the javascript html side. — Raheel Khan
– Raheel Khan, Commented Mar 31, 2012 at 17:50
Depending on the number of SWF files you are dealing with here, I think your end result will be slow anyway. Option a) Have all your FLASH embedded on the page and then hide the ones you don't want to see with CSS (probably very slow) b) preload the SWF files using JavaScript (probably gonna be slow) and then change them depending on user action c) Use AJAX to get the SWF files on demand d) Use an IFRAME in your web page — Chris Cannon
– Chris Cannon, Commented Apr 1, 2012 at 2:01

Matt · Accepted Answer · 2012-04-24 08:32:17Z

1

Ok, I got the solution here, it's pretty simple and the speed is faster than putting the flash file in a separate page and navigating to it. All the swf files are on the server.

<body>
<table align="center" cellpadding="0"  cellspacing="0" border="0" >
    <tr align="center">
        <td align="center" >
            <div id="objectDIV" >   
                <object id="workingSWF" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="740" width="600" >
                </object>
            </div>
        </td>
    </tr>
</table>
</body>

The JavaScript code that changes the file is:

function navigateToPage(fileLink) {
    document.getElementById("workingSWF").innerHTML = 
    "<object type='application/x-shockwave-flash' data='"+fileLink+"' width='740' height='600'>";
    document.getElementById("workingSWF").focus();
}

edited Apr 24, 2012 at 8:32

Matt

75.4k26 gold badges156 silver badges181 bronze badges

answered Apr 23, 2012 at 18:24

Raheel Khan

517 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dynamic SWF File in a Html/Javascript page

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related