Iframe Javascript call to Flex

Question

I have a flex application with an iframe layered on top.

I want to make a call from the iframe to flex with javascript.

So far i have tried this:

This is the Object containing the swf embed in the ROOT document

I have added addcallback for the function i want to expose

ExternalInterface.addCallback("sendToFlash", callFromJavaScript);

FYI

  public function callFromJavaScript(str):void
  {
  LogAddItem( 30, str);
  }

In my IFRAME i have added the function

function callToFlash(str) 
{
  var swf = parent.top.$("#IPRS_Dispatcher");
  var bool = swf.sendToFlash(str);
}

Now getting error in chrome - Uncaught TypeError: Object [object Object] has no method 'sendToFlash'

UPDATE 25/06/2012 - output from console.log(swf)

[

]

Eugene Hauptmann · Accepted Answer

Can you run please:

function sendToActionscript(str) 
{
  var swf = jQuery("#IPRS_Dispatcher", parent.document);
  console.log('step1');
  console.log(swf);
  console.log('step2');
  console.log.(swf.html());
  console.log('step3');

  swf.LogAddItem(30, str);
  console.log('step4');
}

Okay, next debug step: run this:

function sendToActionscript(str) 
{
  var swf = parent.top.$(“#IPRS_Dispatcher”);
  console.log('step1');
  console.log($);
  console.log('step2');
  console.log.(jQuery);
  console.log('step3');
  console.log(parent.document);
  console.log('step4');
}

EDIT

STEPS OUTPUT

step1 
function (j,s){return new b.fn.init(j,s)} iframecontent.html:49
step2 
[

] 
step3 iframecontent.html:52
#document
step4

okay,so now simply try

function sendToActionscript(str) 
{
  var swf = parent.top.$(“#IPRS_Dispatcher”);
  swf.LogAddItem(30, str);
}

there is an error in your flex app enter image description here

Finally Resolved

    // get flash movie object
var flashMovie;
function init() {
   if (document.getElementById) {
      flashMovie = parent.document.getElementById("IPRS_Dispatcher");
   }
}

// wait for the page to fully load before initializing
window.onload = init;

function callToFlash(str) 
{
  var bool = flashMovie.sendToFlash(str);
}

I think waiting for the page to fully load before initializing was the fix.

You can also use http://api.jquery.com/ready/

$(document).ready(init);

to get it working after DOM initialisation.

Iframe Javascript call to Flex

Answers (1)

Related Questions