页面调用单个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 相关文章推荐
Mootools 1.2教程 滚动条(Slider)
Sep 15 Javascript
JavaScript 学习笔记(九)call和apply方法
Jan 11 Javascript
如何将一个String和多个String值进行比较思路分析
Apr 22 Javascript
js替换字符串的所有示例代码
Jul 23 Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
May 12 Javascript
JavaScript中的函数重载深入理解
Aug 04 Javascript
Javascript中的Prototype到底是什么
Feb 16 Javascript
jQuery实现从身份证号中获取出生日期和性别的方法分析
Feb 25 Javascript
判断JS对象是否拥有某属性的方法推荐
May 12 Javascript
VUEJS实战之利用laypage插件实现分页(3)
Jun 13 Javascript
Vue仿手机qq的实例代码(demo)
Sep 08 Javascript
antd Upload 文件上传的示例代码
Dec 14 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绘图之加载外部图片的方法
2015/01/24 PHP
php实现小程序支付完整版
2018/10/09 PHP
php微信公众号开发之欢迎老朋友
2018/10/20 PHP
php更新cookie内容的详细方法
2019/09/30 PHP
Add a Picture to a Microsoft Word Document
2007/06/15 Javascript
兼容IE和FF的图片上传前预览js代码
2013/05/28 Javascript
javascript中bind函数的作用实例介绍
2014/09/28 Javascript
Jquery树插件zTree用法入门教程
2015/02/17 Javascript
readonly和disabled属性的区别
2015/07/26 Javascript
基于jQuery实现的菜单切换效果
2015/10/16 Javascript
JS搜狐面试题分析
2016/12/16 Javascript
详解Angular的数据显示优化处理
2016/12/26 Javascript
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
2017/05/12 Javascript
Vue官方文档梳理之全局配置
2017/11/22 Javascript
Vue子组件向父组件通信与父组件调用子组件中的方法
2018/06/22 Javascript
详解微信小程序之scroll-view的flex布局问题
2019/01/16 Javascript
vue.js 2.0实现简单分页效果
2019/07/29 Javascript
vue输入框使用模糊搜索功能的实现代码
2020/05/26 Javascript
js实现带积分弹球小游戏
2020/07/21 Javascript
原生JavaScript实现刮刮乐
2020/09/29 Javascript
[41:52]2018DOTA2亚洲邀请赛3月29日 小组赛A组 TNC VS OpTic
2018/03/30 DOTA
python中sys.argv参数用法实例分析
2015/05/20 Python
在Python的Django框架中更新数据库数据的方法
2015/07/17 Python
Python发送邮件功能示例【使用QQ邮箱】
2018/12/04 Python
python贪吃蛇游戏代码
2020/04/18 Python
python实现的登录与提交表单数据功能示例
2019/09/25 Python
python解释器安装教程的方法步骤
2020/07/02 Python
解决Pycharm 中遇到Unresolved reference 'sklearn'的问题
2020/07/13 Python
Python应用自动化部署工具Fabric原理及使用解析
2020/11/30 Python
西门豹教学反思
2014/02/04 职场文书
努力学习演讲稿
2014/05/10 职场文书
2014幼儿园教师个人工作总结
2014/11/08 职场文书
2014年底工作总结
2014/12/15 职场文书
创业计划书之废品回收
2019/09/26 职场文书
golang 实现并发求和
2021/05/08 Golang
浅析CSS在DevTools 中架构演变
2021/10/05 HTML / CSS