CODEWITHSUNDEEP
javascriptactionscript-3flashapache-flex
fumeng
fumeng

Reputation: 1830

Telling JS when AS's ExternalInterface is ready

SOLVED: I should have added more detail. Even though the External Interface was set up the NetConnection/NetStream objects were not connected to the server. As a result, I couldn't make any calls thru. A very important detail I left out, apologies.

I know that it's proper to have Flash call back to JavaScript when External Interface is ready so I make the call. The JS method gets called correctly but I am unable to then trigger a successful call back to the Flash file. I have to manually set a 1-second timeout to get it to work and I don't understand why. If the External Interface is ready then I should be able to call back to Flash right away, right?

By the way, I'm using SWFObject.embedSWF() to place the Flash file on the page. I've given the file an id and name attributes.

Here's my flash code: 

    private function init():void // onCreationComplete handler
    {
        this.setupExternalInterface();
    }

    private function setupExternalInterface():void
    {
        if (ExternalInterface.available)
        {
            ExternalInterface.call("swfIsReady");
            ExternalInterface.addCallback("call", makeACall);
        }
    }

And here's the JSP page:

    function swfIsReady(){
        setTimeout(flexCall,1000);
    }

   function flexCall(){
       var theApp = getFlexApp(attributes.name);
       theApp.call();   
   }

   function getFlexApp(appName)
   {
       if (navigator.appName.indexOf ("Microsoft") !=-1)
       {
           return window[appName];
       }
       else
       {
           return document[appName];
       }
   }

This is the only way it works. I thought I could just remove the timeout and call flexCall() directly.

Upvotes: 0

Views: 117

Answers (1)

akmozo
akmozo

Reputation: 9839

I think you have two little problems in your code :

Try this (I'm not sure that's working but to more see the problem) : 

swf_obj.call.call();

but the solution is simply to use another name of your callback function :

swf_obj.make_call();
  • The second one, is calling ExternalInterface.addCallback() after ExternalInterface.call() which you can just inverse their order to get it working.

So your code can be like this for example :

ActionScript :

private function init(event:FlexEvent):void
{
    setupExternalInterface();
}
private function setupExternalInterface():void
{
    if (ExternalInterface.available)
    {   
        ExternalInterface.addCallback("make_call", makeACall);              
        ExternalInterface.call("swfIsReady");                                       
    }
}

JavaScript :

function swfIsReady()
{
    var swf_obj= swfobject.getObjectById(attributes.name);
    if (swf_obj) {
        swf_obj.make_call();
    }
}

Hope that can help.

Upvotes: 1

Related Questions