页面调用单个swf文件,嵌套出多个方法。


Posted in Javascript onNovember 21, 2011

HTML 端:
PART 1:

{{foreach from=$question.question_item item="it" name="question_item"}} 
<tr> 
<td align="left">{{$it.item_id}}</td> 
<td align="left">{{$it.item_name}}</td> 
<td align="left">9 
<input type="hidden" class="swfhdn" value="{title:{{$it.item_name}},vote:12票,proportion:0.25,singleId:swfdv{{$key+1}}}"/></td> 
</tr> 
{{/foreach}}

PART 2:
<div style="width:190px; height:10px; background-color:#FFF; float:left;"></div> 
<div id="swfdv{{$key+1}}" class="swfarea"></div> 
<input type="hidden" class="swfQuesCount" value="{{$key+10}}"/>

JS 文件:
function createSWF(swfHome,swfHeight) 
{ 
if(swfobject.hasFlashPlayerVersion("9")) 
{ 
var flashvars = {}; 
flashvars.quesID = swfHome; 
swfobject.embedSWF("swf/statistic2.swf",swfHome,"520",swfHeight,"9","",flashvars); 
} 
} 
var aryMSG = new Array(); 
function resultArray() { return aryMSG; } 
function init() 
{ 
var ary = $(".swfhdn"); 
for(j = 0; j< ary.length; j++) 
{ 
aryMSG.push(ary[j].value); 
} 
var arySWF = $(".swfarea"); 
for(i = 0; i < arySWF.length; i++) 
{ 
var swfheight = $(".swfQuesCount")[i].value * 18 + 3; 
createSWF(arySWF[i].id.toString(),swfheight.toString()); 
} 
}

FLEX 端:
<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
layout="absolute" backgroundColor="0xffffff" 
verticalScrollPolicy="off" horizontalScrollPolicy="off" 
creationComplete="application1_creationCompleteHandler(event)"> 
<mx:VBox id="cvs" y="2" width="100%" height="100%" verticalGap="5"/> 
<mx:Script> 
<![CDATA[ 
import com.flexlib.moudel.statistical.StatisticalService; 
import com.flexlib.moudel.statistical.StatisticalBar; 
import com.flexlib.moudel.statistical.StatisticalPane; 
import mx.events.FlexEvent; 
private var res:StatisticalService = new StatisticalService(); 
public function StatisticalManager(ary:Array):void 
{ 
var bar:StatisticalBar = new StatisticalBar(); 
bar.width = 350; 
bar.height = 15; 
bar.accurate = 1; 
// bar.color = 0x9999ff; 
var pane:StatisticalPane = new StatisticalPane(); 
pane.width = 520; 
pane.height = 15; 
pane.titleSpace = 50; 
pane.voteSpace = 35; 
pane.barSpace = 25; 
pane.percentSpace = 60; 
res.dataArray = ary; 
res.autoColorEnabled =true; 
res.geostrophyEnabled = true; 
res.geostrophy = [0xffffff,0xcccccc]; 
res.StatisticalList(pane,bar,cvs); 
} 
protected function application1_creationCompleteHandler(event:FlexEvent):void 
{ 
var item:Object = Application.application.parameters; 
var aryMSG:Object = ExternalInterface.call("resultArray"); 
var strtmp:String; 
var newAry:Array = new Array(); 
for(var i:int = 0; i < aryMSG.length; i++) 
{ 
strtmp = aryMSG[i].substring(aryMSG[i].indexOf("singleId:") + 9,aryMSG[i].length - 1); 
if(strtmp == item.quesID){ newAry.push(aryMSG[i]); } 
} 
StatisticalManager(newAry); 
} 
]]> 
</mx:Script> 
</mx:Application>
Javascript 相关文章推荐
javascript开发技术大全-第3章 js数据类型
Jul 03 Javascript
如何让div span等元素能响应键盘事件操作指南
Nov 13 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
Aug 28 Javascript
js精准的倒计时函数分享
Jun 29 Javascript
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()
Aug 11 Javascript
js中class的点击事件没有效果的解决方法
Oct 13 Javascript
Javascript 制作图形验证码实例详解
Dec 22 Javascript
jQuery实现可编辑表格并生成json结果(实例代码)
Jul 19 jQuery
基于react组件之间的参数传递(详解)
Sep 05 Javascript
微信小程序适配iphoneX的实现方法
Sep 18 Javascript
微信小程序代码上传、审核发布小程序
May 18 Javascript
element-ui组件中input等的change事件中传递自定义参数
May 22 Javascript
javascript中xml操作实现代码
Nov 21 #Javascript
js调用activeX获取u盘序列号的代码
Nov 21 #Javascript
15个款优秀的 jQuery 图片特效插件推荐
Nov 21 #Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
Nov 21 #Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
Nov 19 #Javascript
ToolTips JQEURY插件之简洁小提示框效果
Nov 19 #Javascript
基于Jquery插件开发之图片放大镜效果(仿淘宝)
Nov 19 #Javascript
You might like
PHP jQuery表单,带验证具体实现方法
2014/02/15 PHP
PHP YII框架开发小技巧之模型(models)中rules自定义验证规则
2015/11/16 PHP
PHP配置ZendOpcache插件加速
2019/02/14 PHP
JavaScript Base64编码和解码,实现URL参数传递。
2006/09/18 Javascript
JavaScript CSS修改学习第二章 样式
2010/02/19 Javascript
FusionCharts图表显示双Y轴双(多)曲线
2012/11/22 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
JQuery的Ajax跨域请求原理概述及实例
2013/04/26 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
2015/11/24 Javascript
HTML5开发Kinect体感游戏的实例应用
2017/09/18 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
2017/12/19 Javascript
微信小程序template模板与component组件的区别和使用详解
2019/05/22 Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
2019/10/30 Javascript
微信小程序wx.navigateTo方法里的events参数使用详情及场景
2020/01/07 Javascript
[50:21]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/19 DOTA
[07:25]DOTA2-DPC中国联赛2月5日Recap集锦
2021/03/11 DOTA
Python中的pygal安装和绘制直方图代码分享
2017/12/08 Python
运动检测ViBe算法python实现代码
2018/01/09 Python
python web基础之加载静态文件实例
2018/03/20 Python
利用Python小工具实现3秒钟将视频转换为音频
2019/10/29 Python
Python通过TensorFLow进行线性模型训练原理与实现方法详解
2020/01/15 Python
python3.9.1环境安装的方法(图文)
2021/02/02 Python
HTML5 Canvas实现文本对齐的方法总结
2016/03/24 HTML / CSS
Nisbets法国:英国最大的厨房和餐饮设备供应商
2019/03/18 全球购物
eBay爱尔兰站:eBay.ie
2019/08/09 全球购物
房地产出纳岗位职责
2013/12/01 职场文书
优秀企业获奖感言
2014/02/01 职场文书
大学生社会实践评语
2014/04/25 职场文书
大学活动总结格式
2014/04/29 职场文书
学校爱国卫生月活动总结
2014/06/25 职场文书
2015年学校体育工作总结
2015/04/22 职场文书
爱国影片观后感
2015/06/18 职场文书
销售人员管理制度
2015/08/06 职场文书
《学会生存》读后感3篇
2019/12/09 职场文书
matlab xlabel位置的设置方式
2021/05/21 Python
Apache自带的ab压力测试工具的实现
2022/07/23 Servers