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

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>

时间: 2025-01-20 21:49:47

页面调用单个swf文件,嵌套出多个方法。_javascript技巧的相关文章

JS实现文件动态顺序载入的方法_javascript技巧

本文实例讲述了JS实现文件动态顺序载入的方法.分享给大家供大家参考.具体分析如下: 用script标签实现JS代码的动态载入. 源于JavaScript语言中函数.变量等定义可重复声明(导致覆盖)的特性,载入是按顺序的. 实现基于Mootools框架,兼容IE.Firefox.Chrome. 用法如下: <script language="javascript"> window.addEvent('domready', function() { // 载入器声明,成员函数

js实现div弹出层的方法_javascript技巧

本文实例讲述了js实现div弹出层的方法.分享给大家供大家参考.具体分析如下: 话说现在各种插件出来了要实现弹出层真是太简单了,但个人有时觉得那些插件不实用经常会找一些纯js原生态的东西,下面来给各位分享一个原生太js div弹出层实例,有需要的朋友可一起看看. 这个不用多说了,直接贴代码吧.有码有注释: 复制代码 代码如下: /*  * 弹出DIV层 */ function showDiv() { var Idiv     = document.getElementById("Idiv&quo

JS使用ajax从xml文件动态获取数据显示的方法_javascript技巧

本文实例讲述了JS使用ajax从xml文件动态获取数据显示的方法.分享给大家供大家参考.具体分析如下: 下面的JS代码通过ajax检索xml文件的内容动态展示到网页,真个页面无刷新 <!DOCTYPE html> <html> <head> <script> function loadXMLDoc(url) { var xmlhttp; var txt,x,xx,i; if (window.XMLHttpRequest) {// code for IE7+,

js获取上传文件的绝对路径实现方法_javascript技巧

在html中 <input type="file" id="importFile" /> <input type="button" onclick="upload()"/> <script> function upload() { var filename = document.getElementById("importFile").value; // 这时的filen

利用JS屏蔽页面中的Enter按键提交表单的方法_javascript技巧

如在设置了JS代码响应<p>标签的Enter按键触发事件时,根据冒泡型事件原则该事件会一直传到<from>表单处,并将表单提交.这不是我们想要的效果,我们可以设置如下代码来加以屏蔽: $(document).keydown(function(event){ switch(event.keyCode){ case 13:return false; } }); 但是,如果页面中有按钮时在Opera浏览器中同样会提交表单,这是因为按钮在生成的HTML代码中是submit类型的,解决办法是

javascript封装addLoadEvent实现页面同时加载执行多个函数的方法_javascript技巧

本文实例讲述了javascript封装addLoadEvent实现页面同时加载执行多个函数的方法.分享给大家供大家参考,具体如下: 如果想同时执行多个函数,可以将这些函数放入一个数组中,然后在onload事件里循环数组并执行,或者使用另一个方便的函数addLoadEvent: function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.o

javascript自定义右键弹出菜单实现方法_javascript技巧

本文实例讲述了javascript自定义右键弹出菜单实现方法.分享给大家供大家参考.具体实现方法如下: <head runat="server"> <title>无标题页</title> <script type="text/javascript"> var oPopup = window.createPopup(); function PopMenu(id) { var oPopBody = oPopup.docum

javascript实现类似于新浪微博搜索框弹出效果的方法_javascript技巧

本文实例讲述了javascript实现类似于新浪微博搜索框弹出效果的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml

JavaScript动态修改弹出窗口大小的方法_javascript技巧

本文实例讲述了JavaScript动态修改弹出窗口大小的方法.分享给大家供大家参考.具体如下: 下面的JS代码演示了如何通过window.open弹出一个新的窗口,然后动态修改窗口大小 <!DOCTYPE html> <html> <head> <script> var w; function openwindow() { w=window.open('','', 'width=100,height=100'); w.focus(); } function