Flash8与javascript集成(1)

蒋金阳

在过去的一年里，对于开发人员来说使用flash与javascript通讯总会碰到一些麻烦的事情，从flash调用javascript函数已经没有什么问题了，因为我们可以使用getURL方法来直接调用，但是要想使用javascript返回flash在许多浏览器上几乎是不可能的。但是现在可以了。 <br />Flash8的出现，这件事就变的比较容易了。<br /><br />　　The ExternalInterface API <br />　　<br />　　之前我们使用flash调用javascript函数，一般使用这样的方法：<br /><br />getURL(“javascript:alert(‘hello webstudio.com.cn’);”); <br /><br />　　但是使用这种方法从flash调用javascript函数仍存在许多困难。特别是在处理多个javascript函数调用问题上。ExternalInterface API可以与javascript实现无缝调用，并且它的能力达到可以在flash时间线使用。 <br /><br />　　在我们正式进入它的使用方法之前，我们需要确保在flash时间上可用，就要导入它的类向这样：<br /><br />import flash.external.*; <br /><br />　　现在它已经允许我们做的第一件事就是可以调用javascript函数了。 <br /><br />　　Call 调用方法 <br /><br />　　call方法对于ExternalInterface对象来说是一个静态方法,也就是说我们不需要使用ExternalInterface对象的实例来调用方法，我们可以直接通过对象类来调用，向这样：<br /><br />ExternalInterface.call(functionName:String,Parameters); <br /><br />这个方法有两个参数： <br /><br />· functionName – 你想要调用的javascript函数名要以字符串的形式<br /><br />· Parameters – 需要传递给javascript函数的参数，用逗号分开，是可选的。 <br /><br />这些是基本的内容，现在让我们来看一个例子： <br /><br />1. 创建一个flash文档命名为external1.fla. <br /><br />2. 创建两个层上面的层命为AS，下面的层命名为”内容” <br /><br />3. 在内容层里面，创建一个文本域，将它设置为输入文本域，打开显示边框以方便你能看到，并给它取个名字为alert_txt,将它放在场景的左边。 <br /><br />4. 仍然在内容这一层上，拖动一个按钮组件于场景中并把它放在动态文本的右边，设置它的label为”Alert”并给它起个名字为alert_butn. <br /><br />5. 选择上方的as层在第一帧上输入代码， <br /><br />6. //调用alert <br /><br />import flash.external.*; alert_butn.clickHandler = function() { ExternalInterface.call(&quot;alert&quot;, alert_txt.text); } <br /><br />前面部分的代码是导入ExternalInterface类包。然后为按钮组件设置事件，当点击时调用javascript函数，并将文本中输入的文本通过externalInterface传递给javascript函数。 <br /><br />现在发布你的影片，将它和html放在服务器上，当你在服务器上测试时不论你在文本中输入什么信息，它都将显示在alert对话框中，但是如果你在本地测试，你可能就会发现当你点击按钮时，什么也没发生，这是由flashplayer的安全特性造成的。<br /><br />上面这个范例是一个方法的例子，使用getURL方法也可以做到，然而externalinterface不只是能做到这些，除了发送信息给javascript，它还可以通过addCallback方法接收从javascript返回的信息。 <br />　　addCallback 方法 <br /><br />　　AddCallback方法允许javascript调用flash时间上函数，基本的语法结构如下： <br /><br />import flash.external.*; <br />alert_butn.clickHandler = function() { <br />ExternalInterface.call(&quot;alert&quot;, alert_txt.text); <br />} <br /><br />与call方法类似，它也是一个静态方法，它有三个参数 <br /><br />·functionID - 从 JavaScript 调用 ActionScript 函数时可使用的名称。此名称不必与 ActionScript 方法的实际名称匹配。 <br /><br />·instance - this 在该方法中被解析成的对象。此对象不一定是在其上可找到该方法的对象，您可以指定任何对象（或 null）。 <br /><br />·functionName - 要从 JavaScript 调用的 ActionScript 方法。 <br /><br />现在让我们开始一个例子，在这个例子中我们将使用flash调用javascript的命令来请示用户输入色值，当色值输入后点击ok，对象返回到flash并更改它的色彩，如下方法： <br /><br />1.创建一个flash文档命名为external2.fla. <br /><br />2.与第一个例子相同，创建两层上层命名为as.下层命名为“内容”。 <br /><br />3.在内容层拖动一个按钮组件至场景中，放在左上方，将label设为”变色”,实例名为change_butn. <br /><br />4.确保当前在”内容层”,绘制一个色值为0x000000的盒子，大小为100*100,当然这个没有限制。 <br /><br />5.将这个方块转换为movieclip.实例名称命名为rec_mc. <br /><br />6.在第一帧上输入代码如下： <br /><br />import flash.external.*; <br />//改变方块的色彩 <br />function onChange(clr:Number) { <br />var temp_color:Color = new Color(rec_mc); <br />temp_color.setRGB(clr); <br />} <br />//允许javascript调用onChang函数 <br />ExternalInterface.addCallback(&quot;onChange&quot;, this, onChange); <br />//打开命今窗口 <br />change_butn.clickHandler = function() { <br />ExternalInterface.call(&quot;callPrompt&quot;, &quot;你想用什么的色彩？ (ex: 0xff0000)&quot;); <br />} <br /><br />　　在代码的前边我们要先导入externalinterface类包，然后我们创建一个能改变场景中方块色彩的函数，完成后，我们调用addCallback方法以使javascript可以调用flash的onChang函数。最后，我们针对按钮创建事件来调用javascript命令。 <br />　　你需要发布swf和html，然后用编辑软件打开编辑器，如果你只是从flash调用javascirpt，那么你什么也不用做。但是如果你需要使用javascirpt调用flash函数，还有一些小的工作需要做。 <br /><br />　　在tilte标签的下方加入下面的javascript代码：如下： <br />＜script language=JavaScript＞ <br />var me; //代表swf的id <br />//获取正确的引用 <br />function getID(swfID) { <br />if (navigator.appName.indexOf(&quot;Microsoft&quot;) &gt; -1) { <br />me = window[swfID]; <br />} else { <br />me = document[swfID]; <br />} <br />} <br />//下面这段调用onChang函数并返回到flash. <br />function makeCall(str){ <br />me.onChange(str); <br />} <br />//下面这个函数是被flash调用的。 <br />function callPrompt(str){ <br />makeCall(prompt(str)); <br />} <br />＜/script＞<br /><br />开始，我们创建变量me来存放swf的引用。如果没有它，我们不能调用flash函数。然后我们使用函数getID通过条件针对不同的浏览器来设置引用，之后，我们创建makeCall函数，用来调用flash函数，最后我们创建由flash来调用的函数callPromt().它将调用makeCall函数来发送信息返回到flash. <br />　　在html的body标签的属性中加入onload,并设置它等于getID函数，如下： <br /><br />＜body bgcolor=&quot;#ffffff&quot; onload=&quot;getID(‘external2‘);&quot;＞<br /><br />注意，当我们设函数给onload事件，我们传递给它swf的id.它可以在swf的嵌入位置找到,现在，当页初始化完成后，函数getID将被调用,变量me就会被设置，以使javascript可以调用flash函数。 <br />将文件上传到服务器上，并进行测试，当你点击按钮并在提示中输入色彩值，flash中的方块色就会改变。如下。<br /><br /><br /><br /><blockquote class="blockquote">From: http://www.photoep.cn/read.php?tid=89  Powered by PHPWind.com</blockquote>