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>
就是这样!但实际中,不建议这样用。
本文示例代码或素材下载
主题测试文章,只做测试使用。发布者:绘画吧,转转请注明出处:http://www.huitu8.com/shejijiaocheng/Flashjiaocheng/20190810/49248.html