jsp嵌入flex后,操作flex功能时禁用鼠标在页面的点击

Flex 的ActionScript和javaScript是可以通过Flex提供的ExternalInterface类进行交互的。在类似portal项目中嵌入flex展现的内容,而期间在操作文档过程可能需要消耗较长时间,而在此期间期望客户静心等待片刻,故而需要禁掉菜单,组织其进入其他模块。故而可以利用ExternalInterface的call方法来禁掉鼠标的单击事件。

     在html-template\index.template.html中加入要在flex中调用javascript function。

function callNoUse(){
	self.parent.frames["frame3"].donotUsed();
}
function callCanUse(){
	self.parent.frames["frame3"].canUsed();
}

    这样flex就可以在需要禁掉鼠标单击时在actionscript中执行下列方法

ExternalInterface.call("callNoUse");

    而在需要可以单击时则调用

ExternalInterface.call("callCanUse");

flex与jsp本身是利用frameset集成在一起的,大致布局如下所示

<frameset rows="23%,*" cols="840px"  frameborder="no" framespacing="0" style="text-align:MIDDLE;">
			<frame src="../top.html" name="frame3" frameborder="0" scrolling="no" noresize="noresize"/>
			<frameset  rows="*" cols="*,1025,*">
				<frame/>
				<frame src="<%=path%>/WorkplaceFx.html" name="frame2" frameborder="0" scrolling="no" noresize="noresize" />
				<frame/>
			</frameset>
</frameset>

       而需要最终执行的javascript方法在frame3中,代码如下所示。

function donotUsed(){
			document.onmousedown = nonClick;
		}
		function canUsed(){
			document.onmousedown = null;
		}
		function nonClick(e){
			if(window.event){
				e = window.event;
			}
			if(e.button == 1){
				alert("请等待...");
			}
		}


上述flex调用的方法之所以放到html-template\index.template.html中,是由于该文件对flex的特殊性,从其名字我们可以看出,其为模板文件,而改目录下的所有文件实际上对部署项目没有起作用,但在编译阶段swf及对应的html是根据这个模板来生成的。相关代码放入其中保证其稳定不丢失。简单说说flex html-template文件夹的构成,它包含三个文件和一个文件夹:

1、index.template.html. HTML包装文件。

2、swfobject.js. 一个JavaScript库,包含运行时加载Flash Player的方法,也包含判断用户Flash Player 版本的功能。Flex4 现在是使用swfobject.js 这个开源的JS库来部署Flash Player 和程序,而Flex3 是用 AC_OE_Tags.js。swfobject.js 相关详细资料可以参考Adobe官网http://code.google.com/p/swfobject 。

3、playerProductInstall.swf. 一个Flash程序,被用来在高于6.65版本的Flash Player 被安装后更新用户系统的Flash Player。

4、history文件夹,包含用于历史管理的几个文件文件:
     · historyFrame.html. HTML页面模板,在运行时被主页的<iframe>加载。
     · history.js.一个JavaScript库,包含了一些可以被historyFrame.html调用的方法。
     · history.css. 包含一些 historyFrame需要的样式


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值