axure 生成的 js 代码分析

zwhc

axure 生成的 js 代码分析

axure 是一款极为优秀的原型制作工具。昨天使用了一下，对其生成的 html 文件中弹出窗的处理有些好奇，分析了一下。结果如下：

==========================

1、资料：
axure资料.zip
下载自：
http://vdisk.weibo.com/s/20fH1

2、下载，解压，打开如下文件：
D:\soft\原型工具\axure范例\axure资料\axure资料\bar2\bar2\index.html

3、顶部有个“消息(1)”的链接按钮
现在需要做的是这个按钮的弹出事件是如何处理的；

4、该链接的 <DIV id=u8_rtf>，搜索 u8
----------------------
4.1、在如下文件
D:\soft\原型工具\axure范例\axure资料\axure资料\bar2\bar2\index_files\axurerp_pagespecificscript.js

看到这个函数：
function Clicku8(e)
{

if (true) {

rdo0xiaoxi(e);

}

}

----------------------
4.2、rdo0xiaoxi 函数
function rdo0xiaoxi(e) {

if (true) {

SetPanelVisibilityu19("");

}

}

----------------------
5、搜索 [SetPanelVisibility] 关键字
找到这个函数：
D:\soft\原型工具\axure范例\axure资料\axure资料\bar2\bar2\Resources\axurerp_pagescript.js
function GetDynamicPanelScript(dpId, numberStates) {


----------------------
6、搜索 [GetDynamicPanelScript] 关键字
D:\soft\原型工具\axure范例\axure资料\axure资料\bar2\bar2\index_files\axurerp_pagespecificscript.js

eval(GetDynamicPanelScript('u19', 1));

eval(GetDynamicPanelScript('u5', 1));

（其实，这两句代码就在 4.2 的代码的上面）。

=========================================
至此，已经可以知道 axure 弹出层是如何处理的了。