从 javascript 函数返回值到 flex 时出现问题
在附加的 Flex 代码中,我尝试在其 HTML 包装器中调用 JavaScript 函数。 该示例也位于: http://www.cse.epicenterlabs.com/mbm/ajax_api.html 我面临的问题是,我必须单击按钮两次 以获得所需的输出。 似乎设置有一些延迟 “输出”变量。 如何一键获取 javascript 函数的输出?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:TextArea x="209" y="139" height="245" width="318" id="text1" fontSize="28"/>
<mx:Script>
<![CDATA[
import mx.rpc.events.ResultEvent;
import flash.external.*;
public function callWrapper():void {
var s:String;
if (ExternalInterface.available) {
var wrapperFunction:String = "initialize";
s = ExternalInterface.call(wrapperFunction,text1.text);
text1.text = s;
} else {
s = "Wrapper not available";
}
trace(s);
}
]]>
</mx:Script>
<mx:Button x="92" y="118" label="Transliterate" click="callWrapper()"/>
</mx:Application>
HTML 包装器:
<!-- saved from url=(0014)about:internet -->
<html lang="en">
<!--
Smart developers always View Source.
This application was built using Adobe Flex, an open source framework
for building rich Internet applications that get delivered via the
Flash Player or to desktops via Adobe AIR.
Learn more about Flex at http://flex.org
// -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- BEGIN Browser History required section -->
<link rel="stylesheet" type="text/css" href="history/history.css" />
<!-- END Browser History required section -->
<title></title>
<script src="AC_OETags.js" language="javascript"></script>
<!-- BEGIN Browser History required section -->
<script src="history/history.js" language="javascript"></script>
<!-- END Browser History required section -->
<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 9;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 28;
// -----------------------------------------------------------------------------
// -->
</script>
</head>
<body scroll="no">
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("language", "1");
var output;
function initialize(input) {
google.language.transliterate([input], "en", "hi", function(result) {
if (!result.error) {
if (result.transliterations && result.transliterations.length > 0 &&
result.transliterations[0].transliteratedWords.length > 0) {
output = result.transliterations[0].transliteratedWords[0];
}
}
});
return output;
}
</script>
<script language="JavaScript" type="text/javascript">
<!--
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);
// Version check based upon the values defined in globals
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
if ( hasProductInstall && !hasRequestedVersion ) {
// DO NOT MODIFY THE FOLLOWING FOUR LINES
// Location visited after installation is complete if installation is required
var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
var MMredirectURL = window.location;
document.title = document.title.slice(0, 47) + " - Flash Player Installation";
var MMdoctitle = document.title;
AC_FL_RunContent(
"src", "playerProductInstall",
"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
"width", "100%",
"height", "100%",
"align", "middle",
"id", "ajax_api",
"quality", "high",
"bgcolor", "#869ca7",
"name", "ajax_api",
"allowScriptAccess","sameDomain",
"type", "application/x-shockwave-flash",
"pluginspage", "http://www.adobe.com/go/getflashplayer"
);
} else if (hasRequestedVersion) {
// if we've detected an acceptable version
// embed the Flash Content SWF when all tests are passed
AC_FL_RunContent(
"src", "ajax_api",
"width", "100%",
"height", "100%",
"align", "middle",
"id", "ajax_api",
"quality", "high",
"bgcolor", "#869ca7",
"name", "ajax_api",
"allowScriptAccess","sameDomain",
"type", "application/x-shockwave-flash",
"pluginspage", "http://www.adobe.com/go/getflashplayer"
);
} else { // flash is too old or we can't detect the plugin
var alternateContent = 'Alternate HTML content should be placed here. '
+ 'This content requires the Adobe Flash Player. '
+ '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
document.write(alternateContent); // insert non-flash content
}
// -->
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="ajax_api" width="100%" height="100%"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="movie" value="ajax_api.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#869ca7" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="ajax_api.swf" quality="high" bgcolor="#869ca7"
width="100%" height="100%" name="ajax_api" 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>
</body>
</html>
In the attached flex code, I am trying to call a javascript function in its HTML wrapper.
The example is also live at :
http://www.cse.epicenterlabs.com/mbm/ajax_api.html
The problem I am facing is, that I have to click the button twice
to get the desired output. Seems like there is some delay in setting the
"output" variable. How could I get the output from the javascript function in one click?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:TextArea x="209" y="139" height="245" width="318" id="text1" fontSize="28"/>
<mx:Script>
<![CDATA[
import mx.rpc.events.ResultEvent;
import flash.external.*;
public function callWrapper():void {
var s:String;
if (ExternalInterface.available) {
var wrapperFunction:String = "initialize";
s = ExternalInterface.call(wrapperFunction,text1.text);
text1.text = s;
} else {
s = "Wrapper not available";
}
trace(s);
}
]]>
</mx:Script>
<mx:Button x="92" y="118" label="Transliterate" click="callWrapper()"/>
</mx:Application>
HTML Wrapper :
<!-- saved from url=(0014)about:internet -->
<html lang="en">
<!--
Smart developers always View Source.
This application was built using Adobe Flex, an open source framework
for building rich Internet applications that get delivered via the
Flash Player or to desktops via Adobe AIR.
Learn more about Flex at http://flex.org
// -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- BEGIN Browser History required section -->
<link rel="stylesheet" type="text/css" href="history/history.css" />
<!-- END Browser History required section -->
<title></title>
<script src="AC_OETags.js" language="javascript"></script>
<!-- BEGIN Browser History required section -->
<script src="history/history.js" language="javascript"></script>
<!-- END Browser History required section -->
<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 9;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 28;
// -----------------------------------------------------------------------------
// -->
</script>
</head>
<body scroll="no">
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("language", "1");
var output;
function initialize(input) {
google.language.transliterate([input], "en", "hi", function(result) {
if (!result.error) {
if (result.transliterations && result.transliterations.length > 0 &&
result.transliterations[0].transliteratedWords.length > 0) {
output = result.transliterations[0].transliteratedWords[0];
}
}
});
return output;
}
</script>
<script language="JavaScript" type="text/javascript">
<!--
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);
// Version check based upon the values defined in globals
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
if ( hasProductInstall && !hasRequestedVersion ) {
// DO NOT MODIFY THE FOLLOWING FOUR LINES
// Location visited after installation is complete if installation is required
var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
var MMredirectURL = window.location;
document.title = document.title.slice(0, 47) + " - Flash Player Installation";
var MMdoctitle = document.title;
AC_FL_RunContent(
"src", "playerProductInstall",
"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
"width", "100%",
"height", "100%",
"align", "middle",
"id", "ajax_api",
"quality", "high",
"bgcolor", "#869ca7",
"name", "ajax_api",
"allowScriptAccess","sameDomain",
"type", "application/x-shockwave-flash",
"pluginspage", "http://www.adobe.com/go/getflashplayer"
);
} else if (hasRequestedVersion) {
// if we've detected an acceptable version
// embed the Flash Content SWF when all tests are passed
AC_FL_RunContent(
"src", "ajax_api",
"width", "100%",
"height", "100%",
"align", "middle",
"id", "ajax_api",
"quality", "high",
"bgcolor", "#869ca7",
"name", "ajax_api",
"allowScriptAccess","sameDomain",
"type", "application/x-shockwave-flash",
"pluginspage", "http://www.adobe.com/go/getflashplayer"
);
} else { // flash is too old or we can't detect the plugin
var alternateContent = 'Alternate HTML content should be placed here. '
+ 'This content requires the Adobe Flash Player. '
+ '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
document.write(alternateContent); // insert non-flash content
}
// -->
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="ajax_api" width="100%" height="100%"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="movie" value="ajax_api.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#869ca7" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="ajax_api.swf" quality="high" bgcolor="#869ca7"
width="100%" height="100%" name="ajax_api" 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>
</body>
</html>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
这是因为
google.language.transliterate
不是同步操作。 您的initialize
函数甚至在google.language.transliterate
完成运行之前就返回(这就是为什么您要附加一个回调函数以在完成后运行)。音译完成后,您需要回调一个动作脚本函数。 探索ExternalInterface.addCallback()以添加可从javascript调用的actionscript函数。
That is because
google.language.transliterate
is not a synchronous operation. Yourinitialize
function returns even beforegoogle.language.transliterate
has finished running (which is why you are attaching a callback function to run after it is done).You need to callback an actionscript function after transliterate is done. Explore ExternalInterface.addCallback() to add an actionscript function callable from javascript.
JavaScript 代码中对
google.language.transliterate
的调用是异步的,这就是为什么您似乎必须按两次按钮。 作为第四个参数传递的匿名函数在加载某些数据之前不会运行。也许您应该在调用
google.language.transliterate
之前显示某种加载指示器,然后将其隐藏在处理程序中? 这样您就可以看到它何时加载数据。The call to
google.language.transliterate
in the JavaScript code is asynchronous, that is why it seems like you have to press the button twice. The anonymous function that is passed as the fourth argument doesn't run until some data has been loaded.Perhaps you should show some kind of loading indicator just before calling
google.language.transliterate
and then hiding it in the handler? That way you would see when it's loading data.您可以使用该脚本创建一个 html 文件并在 Flex HTML 组件中使用该文件。
例子:
You can create a html file using the script and use that inside Flex HTML component.
Example:
谢谢大家,它成功了。
我在这里附上工作代码:
Flex 代码:(ajax_api.mxml)
HTML 包装器:
Thanks guys, it worked.
I am attaching the working code here :
Flex code : (ajax_api.mxml)
HTML Wrapper :