Flash as and JavaScript Interactive instance program

Last Update:2017-01-13 Source: Internet

Author: User

Tags closure html page

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

ActionScript calls JavaScript

You need to introduce flash.external.ExternalInterface, where you use the call method of the Externalinterface class:

Externalinterface.call (functionname:string,... arguments):*, Fuctionname:

The name of the JavaScript function to invoke, arguments: parameter, optional.

Calls a function exposed by the Flash Player container, passing 0 or more parameters. If the required function is not available, the call returns NULL, otherwise it returns the value supplied by the function. Recursion is not allowed, and a recursive call generates a null response.

If the container is an HTML page, this method calls the JavaScript function in the <script> element.

If the container is some other ActiveX container, this method broadcasts the event with the specified name, and the container handles the event.

If the container hosts the Netscape plug-in, you can write custom support or embed HTML controls to the new Npruntime interface and embed Flash Player inside the HTML control. If you embed HTML controls, you can communicate with Flash Player by using a JavaScript interface that communicates with the native container application.

JavaScript calls ActionScript

You need to introduce Flash.external.ExternalInterface, which uses the Addcallback method of the Externalinterface class:

Externalinterface.addcallback (functionname:string, closure:function): Void,functionname:

The name of the function to register, closure: the corresponding execution function.

After the ActionScript method is registered as callable from the container, and the Addcallback () is successfully invoked, JavaScript or ActiveX code in the container can invoke functions registered in Flash Player.

In the HTML page that contains the SWF file, set the parameters in the Object tab of the file:

The code is as follows

Copy Code

In the SWF file, add the following ActionScript:

Flash.system.Security.allowDomain (Sourcedomain)

These 2 explanations are designed to solve the security sandbox problem, but in practice, we often encounter more headaches.

Concrete examples

Interactive.fla

New FLA file, stage size is 300*80, color is #cccccc, class is specified as interactive;
Position (10,15) to add a 260*22 size label label;
Position (10,50) Add the 170*22 size textInput textInput;
Position (190,50), Add the button button for the 100*22 size.

The code is as follows

Copy Code

function Jsmethod (ARG) {
Alert ("As called JS success, parameter is:" + arg);
Return ("As called JS success!") ");
}

function Callas () {
var myflexfun = document.getElementById ("asfunction");
var result = Myflexfun.callas (Jsinput.value);
Alert ("Return value:" + result);
}

Package
{
Import Flash.display.Sprite;
Import flash.events.MouseEvent;
Import Flash.external.ExternalInterface;
public class Interactive extends Sprite
{
Public Function Interactive ()
{
Init ();
}
Private Function init (): void
{
Registers the method Asmethod as callable from the container
Externalinterface.addcallback ("Callas", Asmethod);
Button.addeventlistener (Mouseevent.click,buttonclick);
}
Private Function ButtonClick (event:mouseevent): void
{
Trace (Textinput.text);
Label.text = "As Call js ...";
var result:string = Calljs (Textinput.text);
Label.text = "return value:" + result;
}
ActionScript calls JavaScript;
Private Function Calljs (arg:string): String
{
Invokes the function of the specified JavaScript-side and sequentially specifies the arguments passed to the JavaScript-side function
Return Externalinterface.call ("Jsmethod", Arg);
}
When JavaScript invokes ActionScript, the ActionScript-side function;
Private Function Asmethod (arg:string): String
{
Label.text = arg;
Return "JS called as success! ";
}
}
}

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More