Flex 与 JavaScript 实现交互!!

最新推荐文章于 2021-06-08 22:51:15 发布

iteye_15784

最新推荐文章于 2021-06-08 22:51:15 发布

阅读量109

点赞数

文章标签： JavaScript Flex Flash Adobe Go ViewUI

Flex 与 JavaScript 实现交互!!

FlexJavascript.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" paddingTop="120" width="650" height="420" creationComplete="initApp()">

<mx:Style>
.style{ padding:5;}
</mx:Style>

<mx:Script>
<![CDATA[
import flash.external.ExternalInterface;
import mx.controls.Alert;

//初始化回调函数
public function initApp():void
{
this.setupCallbacks();
}

//JavaScript 中调用 Action Script
public function callFromJavascript(s:String):void
{
//Alert.show(s,"Flex Alert!!");
valueFromJavascript.text= s;
}

// Action Script 中调用 Javascript
private function sendToJavascript():void
{
ExternalInterface.call("getFromFlex", valueFromJavascript.text);
}

//回调函数
private function setupCallbacks():void
{
ExternalInterface.addCallback("callFromJavascript",callFromJavascript);
}

]]>
</mx:Script>

<mx:Panel title="ExternalInterface Sample" styleName="style" width="350" height="200">
<mx:HBox>
<mx:TextInput id="valueFromJavascript" text="Halo From Flex" />
<mx:Button click="this.sendToJavascript()" label="Send to Javascript" />
</mx:HBox>
<mx:HBox>
<mx:LinkButton id="linkbutton1" label="GoTo Google.com"
click="navigateToURL(new URLRequest('temple.html'),'_self')" />
<mx:Button id="button1" label="TestJavaScript"/>
</mx:HBox>
</mx:Panel>

</mx:Application>

FlexJavascript.html

<body scroll="no">
<form id="form1" name="form1">
<script language="JavaScript" type="text/javascript">

</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="FlexJavascript" width="650" height="420"

codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="movie" value="FlexJavascript.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#869ca7" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="FlexJavascript.swf" quality="high" bgcolor="#869ca7"
width="650" height="420" name="FlexJavascript"

align="middle"
play="true"
loop="false"
quality="high"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer">
</embed>
</object>
</noscript>

<script language="JavaScript" type="text/javascript">

function getFromFlex(s)
{
alert(s.toString());
}

//发送到Flex

function sendToFlex()
{
thisMovie("FlexJavascript").callFromJavascript

(document.form1.valueForFlex.value);
}

function thisMovie(movieName)
{
if(navigator.appName.indexOf("Microsoft")!=-1)
{
return window[movieName];
}
else
{
return document[movieName];
}
}

</script>

<input type="text" name="valueForFlex" size="50" value="Halo from Javascript " />
<input type="button" value="getFromFlex" οnclick="sendToFlex()" />

</form>