Axure生成html后显示一级功能模块

最新推荐文章于 2024-04-18 14:45:47 发布

shazhenzhong

最新推荐文章于 2024-04-18 14:45:47 发布

阅读量2.5k

点赞数

文章标签： html function javascript 脚本 div

本文链接：https://blog.csdn.net/shazhenzhong/article/details/5520819

版权

最近用Axure生成的原型给客户，客户认为左侧的目录树全部展开不便于查看。故增加了一些js脚本，关闭一级以下的目录。

具体方法：

在生成的文件夹中找到_SiteTree.html 文件，之后在html代码最后一行加入如下代码：

<SCRIPT LANGUAGE="JavaScript">
function CloseDiv(id)
{
sibling = document.getElementById(id);
sibling.style.display = 'none';
}

function   handleAllTags()
{
var   arrayOfDocFonts;
if   (document.all   ||   document.getElementById)   {
arrayOfDocFonts   =   document.getElementsByTagName("div");
}

   var   tmp=0;
   for(var   i=1;i   <   arrayOfDocFonts.length;i++)
   {
    if(arrayOfDocFonts[i].id!="")
    CloseDiv(arrayOfDocFonts[i].id)
    tmp+=1;
   }
}

function   CloseA()
{
var   arrayOfDocFonts;
if   (document.all   ||   document.getElementById)   {
   arrayOfDocFonts   =   document.getElementsByTagName("IMG");
   }

   for(var   i=1;i   <   arrayOfDocFonts.length;i++)
   {
if(!arrayOfDocFonts[i].border)
arrayOfDocFonts[i].src="Resources/plus.gif";
   }
}

handleAllTags();
CloseA();
</SCRIPT>