Comments on: the down lo on ExternalInterface and javascript injection via actionscript 3

By: Thaylin

Thaylin — Mon, 01 Mar 2010 16:03:08 +0000

Check to make sure this is set properly.

//SECOND WE NEED TO KNOW WHAT THE FLASH OBJECT IS TO ADD OUR METHOD CALLS
// THIS ID IS SET IN THE SWF OBJECT CODE WITH A PARAMETER THAT’S PASSED AS
// var attributes = {id: “flash_flash”};
// WHICH IS THEN PASSED INTO THE SWFOBJECT

FCNY.flashObj = swfobject.getObjectById(’flash_flash’);

Otherwise the javascript won’t know what to push any method calls to.

By: mike connor

mike connor — Mon, 01 Mar 2010 15:55:32 +0000

the 2nd example is not working for me. I’m not getting the trace back.

By: Helmut Giese

Helmut Giese — Mon, 13 Jul 2009 22:08:58 +0000

Hi Thaylin,
many thanks for the explanation.
Now I will have to study all of this for a while …
Best regards
Helmut

By: Thaylin

Thaylin — Mon, 13 Jul 2009 14:59:09 +0000

Hi Helmut!

The purpose of the 2nd example is to help you better understand adding callbacks and the communication between the JS and flash. There are a few different scenarios you can follow to get a visual response, which for some reason I commented out in the code (oopsie).
The first option is to uncomment line 41:

“//setTimeout(timedOut, 1000);”

This sets a timeout in the JS which then calls the timedOut method after 1000 milliseconds. This calls the flash object that was set in line 37:

FCNY.flashObj = swfobject.getObjectById(’flash_flash’);

since there was a callback added in the flash to listen for javascript calling that traceMe method it will then call the heyTrace method which traces out the string passed into it.

Another way to test this which gives you an immediate response that you can actually interact with is to enter this in your browsers url while debugging the app in the browser:

javascript:FCNY.flashObj.traceMe(’TEST THE TRACE ME METHOD’)

This will show the TEST THE TRACE ME METHOD text in the debuggin console.

Hope this helps a bit more!

[Edit]
It’s important to realize, also, that the code within the CDATA tags is NOT actionscript but javascript. If you’re using the latest Safari browser, you can view this in Develop>Show Web Inspector>Scripts which you can then peruse the scripts on the page. There you’ll see the code you set within the actionscript. With FireFox you can see it with the Firebug extension.

By: Helmut Giese

Helmut Giese — Mon, 13 Jul 2009 12:33:29 +0000

Hi Thaylin,
never mind – I found ‘Instructions for running ActionScript examples’ in FlexBuilder’s help and it works (don’t know what I did wrong last night).
Of course there is another little question:
If I let all 3 examples run I see the alert by example 1 followed by the alert of example 3. Is example 2 supposed to produce any visual reaction? Can it be made to produce one (given that I have the most basic environment for your example – just the example and nothing else)?

Thanks for this sample project touching on an interesting subject.
Helmut

By: Helmut Giese

Helmut Giese — Mon, 13 Jul 2009 12:06:30 +0000

Hi Thaylin,
I am a seasoned programmer but completely new to FlexBuilder. This ‘JS injection’ looks great and I wanted to try it out. I imported your zip file into FlexBuilder – but apparently I need something else which activates it.
So the complete newbie’s question: How do I use it?
Thanks for any additional info
Helmut

By: Thaylin

Thaylin — Fri, 22 May 2009 03:15:53 +0000

Actually yeah I spoke about that but did forget to include it in the example files as that part is with the facebook app I'm working on. I did, however, talk about this on a previous blog post I made. In fact, it's the blog post just before this one. So if you go to the main page you'll see it. Or just click here.

By: Andrew Hunt

Andrew Hunt — Thu, 21 May 2009 20:03:55 +0000

Yo, Thaylin! Sorry I could not make it, I really wanted to check this out.
Q: I understood, perhaps mistakenly, that you were going to talk about an approach for injecting a whole library from an external source, say http://blahblah.com/jquery.js into the page.
Did you talk about such an approach? I didn’t see anything like that in the example files.
thx,
A.