{"id":345,"date":"2011-08-01T17:14:57","date_gmt":"2011-08-01T17:14:57","guid":{"rendered":"http:\/\/todepoint.com\/blog\/?p=345"},"modified":"2011-08-01T17:14:57","modified_gmt":"2011-08-01T17:14:57","slug":"injecting-and-calling-js-functions-from-within-flash-using-external","status":"publish","type":"post","link":"https:\/\/todepoint.com\/blog\/2011\/08\/01\/injecting-and-calling-js-functions-from-within-flash-using-external\/","title":{"rendered":"Injecting and calling JS functions from within flash using external"},"content":{"rendered":"

\"JS<\/p>\n

I recently encountered a unique requirement in one of my projects, triggering the loading of a page in the background (outside of flash, using Ajax) from within flash.
\nOften you cannot rely on JS functions to be available, you could load public libraries (Jquery or equivalent) or inject your own functions to the DOM, I chose to inject my own.<\/p>\n

This is how you do it:<\/strong><\/p>\n

1) import the external class.<\/p>\n

\nimport flash.external.ExternalInterface;<\/code>\n<\/div>\n

<\/p>\n

2) declare a constant variable with all the JS functions:<\/p>\n

\nprivate const script_js\t\t\t:XML =
\n<script>
\n<![CDATA[
\nfunction() {
\n\tAJXFNC = {
\n\t\tajaxFunction:function(_url){<\/p>\n

\t\t\tvar ajaxRequest;
\n\t\t\ttry{
\n\t\t\t\t\/\/ Opera 8.0+, Firefox, Safari, Chrome
\n\t\t\t\tajaxRequest = new XMLHttpRequest();
\n\t\t\t\tajaxRequest.open(\"GET\", _url, true);
\n\t\t\t\tajaxRequest.send(null);<\/p>\n

\t\t\t} catch (e){
\n\t\t\t\t\/\/ Internet Explorer Browsers
\n\t\t\t\ttry{
\n\t\t\t\t\tajaxRequest = new ActiveXObject(\"Msxml2.XMLHTTP\");
\n\t\t\t\t\tajaxRequest.open(\"GET\", _url, true);
\n\t\t\t\t\tajaxRequest.send();<\/p>\n

\t\t\t\t} catch (e) {
\n\t\t\t\t\ttry{
\n\t\t\t\t\t\tajaxRequest = new ActiveXObject(\"Microsoft.XMLHTTP\");
\n\t\t\t\t\t\tajaxRequest.open(\"GET\", _url, true);
\n\t\t\t\t\t\tajaxRequest.send();<\/p>\n

\t\t\t\t\t} catch (e){
\n\t\t\t\t\t\t\/\/ Something went wrong
\n\t\t\t\t\t\treturn false;
\n\t\t\t\t\t}
\n\t\t\t\t}
\n\t\t\t}
\n\t\t}<\/p>\n

\t}
\n}
\n]]>
\n<\/script>;<\/code><\/div>\n

<\/p>\n

3) inject the JS to DOM:<\/p>\n

\ntry {
\n if( ExternalInterface.available )ExternalInterface.call( script_js );
\n } catch( error:Error ) {
\n trace(\"ExternalInterface is not available\");
\n}<\/code>\n<\/div>\n

<\/p>\n

4) call a function:<\/p>\n

\nExternalInterface.call( \"AJXFNC.ajaxFunction\", \"http:\/\/www.google.com\" );<\/code>\n<\/div>\n

<\/p>\n

Sweet isn’t it?<\/p>\n","protected":false},"excerpt":{"rendered":"

I recently encountered a unique requirement in one of my projects, triggering the loading of a page in the background (outside of flash, using Ajax) from within flash. Often you cannot rely on JS functions to be available, you could load public libraries (Jquery or...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,23],"tags":[],"_links":{"self":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/posts\/345"}],"collection":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/comments?post=345"}],"version-history":[{"count":0,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/posts\/345\/revisions"}],"wp:attachment":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/media?parent=345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/categories?post=345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/tags?post=345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}