网页教学网
 当前位置: 网页教学网 >> 动画制作 >> Flash action技术 >> Flash DateChooser 组件传值给Html来制作时间选择效果
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

Flash DateChooser 组件传值给Html来制作时间选择效果

http://www.webjx.com  更新日期:2007-09-11 10:43  出处:zishu.cn  作者:zishu

Flash DateChooser 组件传值给Html方法,试验用!

效果如下。

Flash DateChooser 组件传值给Html来制作时间选择效果

制作的步骤!

1、先在HTML中写一下input ,命名为 input1 .

<input name="input1" id="input1" size="50" type="text"  />

2、制作FLASH:先建一个FLASH文件,大小为220px * 220PX 。从组件库中拖一个DateChooser 组件出来,放在场景中。命名为 datatest 。然后在第一帧写上如下代码!然后导出一下。

stop();
//得到传进来的input id
var inputId = inputId;
var obj = new Object();
obj.change = function () {
 //得到时间值
 valuetime = datatest.selectedDate;
 //拼接javascript
 js = 'javascript:result(\''+valuetime+'\',\''+inputId+'\');';
 //执行 javascript
 getURL(js);
 //测试用
 //trace(js);
};
datatest.addEventListener("change",obj);
//测试用,看一看input id 取到了没有
//swf.text = inputId;

3、在HTML代码中加入这个刚刚导出的SWF文件。通过wmode:transparent 设为透明。在SWF后边加上inputId的参数,把input的名字传进去,能过FLASH中var inputId = inputId在FLASH中得到。代码如下:

<div id="swfinput1">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="220" height="220">
          <param name="movie" value="f.swf?inputId=input1" />
          <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
          <embed src="f.swf?inputId=input1" width="220" height="220"
quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" wmode="transparent"></embed>
        </object>
      </div>

4、写CSS:

<style>
/*初使化合局*/
*{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/*定义BODY*/
body{ background:#FFF; margin:50px; line-height:1.9;}
/*定义这个swf位置,用绝对定位,不影响别的地方。*/
#swfinput1{position:absolute; margin:-12px 0 0 -19px;}
/*定义input的样式*/
input{ height:18px; border:1px solid #8A9292; background:#FFFFCC; border-right:0;}
</style>

5、写javascript:这时会从FLASH中传二个值过来,一个是时间,一个是INPUT的ID;通过这个javascript把值塞到input中。

<script language="javascript">
function result(v,p){
 document.getElementById(p).value= v ;
}
</script>

就是这样!但实际中,不建议这样用。

Fla源文件下载:点击这里下载Fla源文件
关键词:flash,DateChooser,HTML
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为