Home Tutorial Flex Flex-components Calling Flex Function From JavaScript

 
 

Share on Google+Share on Google+
Calling Flex Function From JavaScript
Posted on: July 13, 2010 at 12:00 AM
Advertisement
Sometimes, you may need to call flex function from JavaScript to pass value in the flex application

Calling Flex Function From JavaScript

Sometimes, you may need to call flex function from JavaScript to pass value in the flex application. For this you need to register flex function using addCallback() function  of ExternalInterface to make the flex function callable from javascript.

ExternalInterface.addCallback("flexFunction", flexFunction);

The function addCallback() takes the first parameter as the alias name of the function which will be used by JavaScript to call the flex function, and the second parameter is the actual name of the flex function.

<?xml version="1.0"?>

<!-- wrapper/AddCallbackExample.mxml -->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()">

<mx:Script>

<![CDATA[

import mx.controls.Alert;

import flash.external.*;

public function init():void {

ExternalInterface.addCallback("flexFunction", flexFunction);

}

public function flexFunction(strFromJS:String):void {

Alert.show(strFromJS);

}

]]>

</mx:Script>

</mx:Application>

To Call Flex method from JavaScript do the following:

1. Add javascript code in html file where this swf file is embed. For example:

<script language="JavaScript">

function callFlexFunction() {

CallingFlexFunctionFromJavaScript.flexFunction(document.getElementById("name").value);

}

</script>


Here CallingFlexFunctionFromJavaScript is the reference to the swf object i.e. id and name properties of the 'object' and 'embed' tags. This reference is used to call the flex function.

2. Add html code in html file where this swf file is embed. For example:

<input type="text" id="name"/>

<input type="button" value="Display my name in Flex" onclick="callFlexFunction()">

When you open the html file in browser, it displays swf file and some html components. When you type some text in text box and click the button, you will see the output as below:

Advertisement

Related Tags for Calling Flex Function From JavaScript:


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: July 13, 2010

Recommend the tutorial

Advertisements Advertisements
 

 

 

DMCA.com