How can I call an Actionscript function when the .swf is referenced by jQuery?

Question

I have an .swf that I am embedding into HTML using the jQuery SWF Object plugin (http://jquery.thewikies.com/swfobject). I have a number of functions within the .swf that I need to call from within javascript functions. I've made these actionscript functions accessible to javascript by calling flash.external.ExternalInterface.addCallback(). Yet nothing happens when I make the call. I've had this happen before and it seems to be that when you reference the .swf from jQuery, you can't call flash functions. Is there anyway around this (aside from not using jQuery)?

Thanks.

Answer 1

I've never used the jquery swfobject plugin but if you give add an id param in the embed code you can access the the swf through

swf = document.getElementById("player"+i);
swf.callToFlash();

Answer 2

$('#id_you_gave_swfobject').your_externalInterface_callback();

In jQuery

Answer 3

this does not workin in google chrome. Been scratching my head on this one :(

Answer 4

I had the same problem. You can use $('#myflashelement').context.myactionscriptfunction(arg) to fix it. For convenience I made a jQuery 'plugin' to call them and to not rely on context in all of my code:

(function ($) {
    $.fn.callAS = function() {
        var func = arguments[0];
        var args = Array.prototype.slice.call(arguments, 1);
        return this.context[func].apply(this.context, args);
    };
})(jQuery);

You can call it with $('#myflashelement').callAS('myactionscriptfunction', arg).