flash 向 html页面数据传递,Flash DateChooser组件传值给Html来制作时间选择效果

本文示例源代码或素材下载

Flash DateChooser 组件传值给Html方法，试验用！

效果如下。

制作的步骤！

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

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中得到。代码如下：

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"

width="220" height="220">

quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"

type="application/x-shockwave-flash" wmode="transparent">

4、写CSS：

/*初使化合局*/

*{ 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;}

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

function result(v,p){

document.getElementById(p).value= v ;

}

就是这样！但实际中，不建议这样用。