Home > Developer > JavaScript

Flash as and JavaScript Interactive instance program

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

<param name= "allowscriptaccess" value= "Always"/>

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

<script type= "Text/javascript" src= "Interactive.js" ></script>
<body>
<table><tr><td>
<object id= "asfunction" Data= "interactive.swf"
Type= "Application/x-shockwave-flash" width= "height=" >
</object>
</td></tr><tr><td>
<input id= "Jsinput" type= "text"/>
<input type= "button" value= "Invoke as" onclick= "Callas ()"/>
</td></tr></table>
</body>

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.

Related Keywords:
javascript and jquery interactive front end web development javascript interactive flowchart static and instance methods object and instance class method and instance method time and date as javascript pass function as parameter
Related Article
JavaScript solution to the eight Queens Problem method summar...
The difference between single and double quotes in JavaScript...
Http status code: 301, 302 redirection, 302 redirection
The html space symbol nbsp; ensp; emsp; introduces and implem...
Ajax and 302 response code Testing
Ajax and 302 response code test_javascript-js tutorial

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

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