下载首页 | 资讯中心 | 下载分类 | 最近更新 | 排 行 榜 | 国产软件 | 国外软件 | 汉化补丁 |
文章搜索: 分类 关键字 收藏本站设为首页
您的位置:首页网页制作网页制作 → Flash8与javascript集成__教程
Flash8与javascript集成__教程
日期:2007-1-6 11:11:35 人气:77     [ ]
上一页 [1] [2] 下一页
 

  在过去的一年里,对于开发人员来说使用flash与javascript通讯总会碰到一些麻烦的事情,从flash调用javascript函数已经没有什么问题了,因为我们可以使用getURL方法来直接调用,但是要想使用javascript返回flash在许多浏览器上几乎是不可能的。但是现在可以了。
Flash8的出现,这件事就变的比较容易了。

  The ExternalInterface API
  
  之前我们使用flash调用javascript函数,一般使用这样的方法:

getURL(“javascript:alert(‘hello webstudio.com.cn’);”);

  但是使用这种方法从flash调用javascript函数仍存在许多困难。特别是在处理多个javascript函数调用问题上。ExternalInterface API可以与javascript实现无缝调用,并且它的能力达到可以在flash时间线使用。

  在我们正式进入它的使用方法之前,我们需要确保在flash时间上可用,就要导入它的类向这样:

import flash.external.*;

  现在它已经允许我们做的第一件事就是可以调用javascript函数了。

  Call 调用方法

  call方法对于ExternalInterface对象来说是一个静态方法,也就是说我们不需要使用ExternalInterface对象的实例来调用方法,我们可以直接通过对象类来调用,向这样:

ExternalInterface.call(functionName:String,Parameters);

这个方法有两个参数:

· functionName – 你想要调用的javascript函数名要以字符串的形式

· Parameters – 需要传递给javascript函数的参数,用逗号分开,是可选的。

这些是基本的内容,现在让我们来看一个例子:

1. 创建一个flash文档命名为external1.fla.

2. 创建两个层上面的层命为AS,下面的层命名为”内容”

3. 在内容层里面,创建一个文本域,将它设置为输入文本域,打开显示边框以方便你能看到,并给它取个名字为alert_txt,将它放在场景的左边。

4. 仍然在内容这一层上,拖动一个按钮组件于场景中并把它放在动态文本的右边,设置它的label为”Alert”并给它起个名字为alert_butn.

5. 选择上方的as层在第一帧上输入代码,

6. //调用alert

import flash.external.*; alert_butn.clickHandler = function() { ExternalInterface.call("alert", alert_txt.text); }

前面部分的代码是导入ExternalInterface类包。然后为按钮组件设置事件,当点击时调用javascript函数,并将文本中输入的文本通过externalInterface传递给javascript函数。

现在发布你的影片,将它和html放在服务器上,当你在服务器上测试时不论你在文本中输入什么信息,它都将显示在alert对话框中,但是如果你在本地测试,你可能就会发现当你点击按钮时,什么也没发生,这是由flashplayer的安全特性造成的。

 

[page_break] 

  上面这个范例是一个方法的例子,使用getURL方法也可以做到,然而externalinterface不只是能做到这些,除了发送信息给javascript,它还可以通过addCallback方法接收从javascript返回的信息。
  addCallback 方法

  AddCallback方法允许javascript调用flash时间上函数,基本的语法结构如下:

import flash.external.*;
alert_butn.clickHandler = function() {
ExternalInterface.call("alert", alert_txt.text);
}

与call方法类似,它也是一个静态方法,它有三个参数

·functionID - 从 JavaScript 调用 ActionScript 函数时可使用的名称。此名称不必与 ActionScript 方法的实际名称匹配。

·instance - this 在该方法中被解析成的对象。此对象不一定是在其上可找到该方法的对象,您可以指定任何对象(或 null)。

·functionName - 要从 JavaScript 调用的 ActionScript 方法。

现在让我们开始一个例子,在这个例子中我们将使用flash调用javascript的命令来请示用户输入色值,当色值输入后点击ok,对象返回到flash并更改它的色彩,如下方法:

1.创建一个flash文档命名为external2.fla.

2.与第一个例子相同,创建两层上层命名为as.下层命名为“内容”。

3.在内容层拖动一个按钮组件至场景中,放在左上方,将label设为”变色”,实例名为change_butn.

4.确保当前在”内容层”,绘制一个色值为0x000000的盒子,大小为100*100,当然这个没有限制。

5.将这个方块转换为movieclip.实例名称命名为rec_mc.

6.在第一帧上输入代码如下:

import flash.external.*;
//改变方块的色彩
function onChange(clr:Number) {
var temp_color:Color = new Color(rec_mc);
temp_color.setRGB(clr);
}
//允许javascript调用onChang函数
ExternalInterface.addCallback("onChange", this, onChange);

出处:本站原创 作者:佚名
 阅读排行
01.精美qq空间横幅代码
02.最酷qq个性女生网名
03.最新又有免费QQ秀啦《..
04.巧用透明FlaSh扮靓你的..
05.花之神匠代码(最新代码..
06.最新QQ空间免费导航
07.最新免费个人形象设置..
08.最新qq空间flash代码m..
09.CSS技术结合图像实现动..
10.Photoshop光影魔术师:..
11.QQ音速种子狂刷
12.最新QQ空间透明代码
13.PS实例教程:教你制作结..
14.Photoshop光影魔术师:..
15.制作背景图__教程
16.用Photoshop制作漂亮的..
17.如何获得QQ音速种子
18.≤QQ空间代码≥在日志..
19.网页浮动广告的制作代..
20.用Photoshop制作大红灯..
21.常用CSS
22.Photoshop给靓丽美女打..
 推荐文章
·Photoshop 表现技法之..
·快速将你的相片矢量化..
·PHOTOSHOP制作炽热的太..
·用Photoshop制作美丽的..
·流行杀手的娃娃工厂__..
·打造8号台球__教程
·PHOTOSHOP制作待机MM图..
·用Photoshop帮MM做纹身..
·PHOTOSHOP美眉着色绝招..
·PHOTOSHOP花露的制作_..
·PHOTOSHOP渐变工具的巧..
·PHOTOSHOP手绘奥兰多-..
·高难度抠图两种方法__..
·Photoshop高尔夫球的制..
·Photoshop打造精美玉佩..
Eqxia_COM下载站 版权所有 Copyright© 2001-2005 Www.eqxia.COM, All Rights Reserved.