树型结构的显示

时间：2023-02-02 11:53:32
各位，我想做一个树型显示的程序，一共有三个层次，不用javascript，直接用ASP调用，能否给找到相关代码，一定给分！

7 个解决方案

#1

我也想要。
lh_ting@263.net
谢谢！

#2

必须用到js，因为属性要折叠，点击后展开，三层和无限层是一个道理，用到递归。会了吧！

#3

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<SCRIPT LANGUAGE="JavaScript" src="treeMenu.js"></Script>
<SCRIPT LANGUAGE="JavaScript" src="showDate.js"></Script>
<SCRIPT LANGUAGE="JavaScript">
ImgDir = "images/menu/"; //图片相对路径
SetFolderIcon("desktop.gif");
treeMenuAddItem(0, "傻看天个人连接站");
SetFolderIcon();
treeMenuAddItem(1, "工作");

treeMenuAddItem(1, '娱乐');
treeMenuAddItem(2, '理工大佚事', 'http://www.xici.net/board/board.asp?id=2854&dbc=1', '_self');
treeMenuAddItem(2, '西祠胡同口', 'http://www.xici.net/main.asp', '_self');
treeMenuAddItem(2, '银聊', 'http://chat.yinsha.com', '_self');
treeMenuAddItem(2, '鹏城聊天室聊', 'http://chat.szptt.net.cn', '_self');
treeMenuAddItem(2, '泡分', 'file://D:\\mydocument\\szptt\\login_axtiveX.htm', '_self');
treeMenuAddItem(2, '玉娇龙', 'file://D:\\mydocument\\long\\index.html', '_self');

treeMenuAddItem(1, "财经");
treeMenuAddItem(2, "电子商务");
treeMenuAddItem(3, "时代珠峰 - 网上超市", "http://www.my8848.net/", "_self","user.gif");
treeMenuAddItem(3, "当当网上书店", "http://www.dangdang.com/", "_self","user.gif");
treeMenuAddItem(2, "巨潮资讯网", "http://www.cninfo.com.cn/", "_self","user.gif");
treeMenuAddItem(2, "网易财经频道-财经首页", "http://stock.163.com/", "_self","user.gif");
treeMenuAddItem(2, "广东证券", "http://info.stock2000.com.cn/", "_self","user.gif");
treeMenuAddItem(1, "同学");
treeMenuAddItem(2, "950211班级", "http://950211.topcool.net/", "_self","user.gif");
treeMenuAddItem(2, "5460班级同学录", "http://www.5460.net/", "_self","user.gif");
treeMenuAddItem(1, "个人");
treeMenuAddItem(2, "SOHU个人网站", "ftp://hehe@ftp.homepage.sohu.com@202.220.96.222:22/", "_self","user.gif");
treeMenuAddItem(1, "下载");
treeMenuAddItem(2, "华军", "http://www.newhua.com", "_self","user.gif");
treeMenuAddItem(1, "信箱");
treeMenuAddItem(2, "163.net", "http://www.163.net", "_self","user.gif");
treeMenuAddItem(1, "综合");
treeMenuAddItem(2, "深圳视窗", "http://www.szptt.net.cn", "_self","user.gif");
treeMenuAddItem(2, "深圳热线", "http://www.szonline.net", "_self","user.gif");
treeMenuAddItem(2, "网易", "http://www.163.com", "_self","user.gif");
treeMenuAddItem(1, "手机");
treeMenuAddItem(2, "深圳移动", "http://www.sz1860.com", "_self","user.gif");
treeMenuAddItem(1, "技术");
treeMenuAddItem(2, "微软", "http://www.microsoft.com", "_self","user.gif");
treeMenuAddItem(2, "CSDN", "http://www.csdn.net", "_self","user.gif");
treeMenuAddItem(2, "Wscript对象帮助信息", "http://www.microsoft.com/CHINA/msdn/library/wsh/wsObjWshShellP.htm", "_self","user.gif");
var MenuColor='#ffffff'; //edited by skt
var MenuTextColor='#003399'; //文字和背景颜色

document.writeln('</head><body topmargin=0  bgcolor="'+MenuColor+'">');


document.write('<p align=center><font color="'+MenuTextColor+'" class=p9>' + datestring + '</font><br>');
document.write('<p align=left>');

document.write("</p></p>")

doc.yPos=30;
//-->
</script>

<SCRIPT LANGUAGE="JavaScript">
<!--
initializeDocument();
clickOnNode(1);
//clickOnNode(16);
//-->
</script>
</html>



<!--
以下为 treemenu.js



var ImgDir;
var indexOfEntries = new Array;
var nEntries = 0;
var doc = document;
var browserVersion = 0;
var auxs = new Array;
var FolderOpenIcon = "fopen.gif";
var FolderCloseIcon = "fclose.gif";
var treeClass=0;
var parentLevel=0;

function SetFolderIcon(iOpen, iClose)
{
var aux;
if(!iOpen)
{
iOpen = "fopen.gif";
iClose = "fclose.gif";
}

if(!iClose)iClose = iOpen;

aux = new Image();
aux.src= ImgDir + iOpen;
aux = new Image();
aux.src= ImgDir + iClose;

FolderOpenIcon = iOpen;
FolderCloseIcon = iClose;
}

function loadImages()
{
var aux;

aux = new Image();
aux.src= ImgDir + "blank.gif";
aux = new Image();
aux.src= ImgDir + "lastnode.gif";
aux = new Image();
aux.src= ImgDir + "link.gif";
aux = new Image();
aux.src= ImgDir + "mlastnode.gif";
aux = new Image();
aux.src= ImgDir + "mnode.gif";
aux = new Image();
aux.src= ImgDir + "node.gif";
aux = new Image();
aux.src= ImgDir + "plastnode.gif";
aux = new Image();
aux.src= ImgDir + "pnode.gif";
aux = new Image();
aux.src= ImgDir + "vertline.gif";
}

function Folder(folderDescription, isDefOpen)
{
this.desc = folderDescription;
this.id = -1;
this.navObj = 0;
this.iconImg = 0;
this.nodeImg = 0;
this.isLastNode = 0;
this.isDefOpen = isDefOpen;

this.isOpen = true;
this.iconSrc = FolderOpenIcon;
this.iconOpen = FolderOpenIcon;
this.iconClose = FolderCloseIcon;
this.children = new Array;
this.nChildren = 0;

this.initialize = initializeFolder;
this.setState = setStateFolder;
this.addChild = addChild;
this.createIndex = createEntryIndex;
this.hide = hideFolder;
this.display = display;
this.renderOb = drawFolder;
this.totalHeight = totalHeight;
this.subEntries = folderSubEntries;
}

function setStateFolder(isOpen)
{
var subEntries;
var totalHeight;
var fIt = 0;
var i=0;

if (isOpen == this.isOpen)
return;

if (browserVersion == 2)
{
totalHeight = 0;
for (i=0; i < this.nChildren; i++)
totalHeight = totalHeight + this.children[i].navObj.clip.height;
subEntries = this.subEntries();
if (this.isOpen)
totalHeight = 0 - totalHeight;
for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++)
indexOfEntries[fIt].navObj.moveBy(0, totalHeight);
}
this.isOpen = isOpen;
propagateChangesInState(this);
}

function propagateChangesInState(folder)
{
var i=0;

if (folder.isOpen)
{
if (folder.nodeImg)
if (folder.isLastNode)
folder.nodeImg.src = ImgDir + "mlastnode.gif";
else
folder.nodeImg.src = ImgDir + "mnode.gif";
folder.iconImg.src = ImgDir + folder.iconOpen;
for (i=0; i<folder.nChildren; i++)
folder.children[i].display();
}
else
{
if (folder.nodeImg)
if (folder.isLastNode)
folder.nodeImg.src = ImgDir + "plastnode.gif";
else
folder.nodeImg.src = ImgDir + "pnode.gif";
folder.iconImg.src = ImgDir + folder.iconClose;
for (i=0; i<folder.nChildren; i++)
folder.children[i].hide();
} 
}

function hideFolder()
{
if (browserVersion == 1)
{
if (this.navObj.style.display == "none")
return;
this.navObj.style.display = "none";
}else
{
if (this.navObj.visibility == "hiden")
return;
this.navObj.visibility = "hiden";
}

this.setState(0);
}

function initializeFolder(level, lastNode, leftSide)
{
var j=0;
var i=0;
var numberOfFolders;
var numberOfDocs;
var nc;
nc = this.nChildren;

this.createIndex();

var auxEv = "";

if (browserVersion > 0)
{
auxEv = "<a href='#' onclick='return clickOnNode("+this.id+");'";
auxEv = auxEv + ' title=\"' + this.desc + '\">';
}
else
{
auxEv = "<a>";
}

if (level>0)
if (lastNode)
{
this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='" + ImgDir + "mlastnode.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0 border=0>");
leftSide = leftSide + "<img src='" + ImgDir + "blank.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0>";
this.isLastNode = 1;
}else
{
this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='" + ImgDir + "mnode.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0 border=0>");
leftSide = leftSide + "<img src='" + ImgDir + "vertline.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0>";
this.isLastNode = 0;
}
else
this.renderOb(auxEv);

if (nc > 0)
{
level = level + 1;
for (i=0 ; i < this.nChildren; i++)
{
if (i == this.nChildren-1)
this.children[i].initialize(level, 1, leftSide);
else
this.children[i].initialize(level, 0, leftSide);
}
}
}

function drawFolder(leftSide)
{
if (browserVersion == 2)
{
if (!doc.yPos)
doc.yPos=100;
doc.write("<layer id='folder" + this.id + "' top=" + doc.yPos + ">\n<style type=\"text/css\">\ntd {font-size: 9pt}\na {color: #000000; text-decoration:none;}\n</style>");
}
doc.write("<table ");
if (browserVersion == 1)
doc.write(" id='folder" + this.id + "' style='position:block;' ");
doc.write(" border=0 cellspacing=0 cellpadding=0>");
doc.write("<tr valign=top><td nowrap>");
doc.write(leftSide);
doc.write("<img name='folderIcon" + this.id + "' ");
doc.write("src='" + ImgDir + this.iconSrc+"'  width=18 height=18 align=left border=0 vspace=0 hspace=0 border=0>");
doc.write("<font color="+MenuTextColor+">" + this.desc + "</font></a>");
doc.write("</td>");
doc.write("</table>");

if(browserVersion == 2)
doc.write("</layer>");

if (browserVersion == 1)
{
this.navObj = doc.all["folder"+this.id];
this.iconImg = doc.all["folderIcon"+this.id];
this.nodeImg = doc.all["nodeIcon"+this.id];
}else if (browserVersion == 2)
{
this.navObj = doc.layers["folder"+this.id];
this.iconImg = this.navObj.document.images["folderIcon"+this.id];
this.nodeImg = this.navObj.document.images["nodeIcon"+this.id];
doc.yPos=doc.yPos+this.navObj.clip.height;
}
}

function addChild(childNode)
{
this.children[this.nChildren] = childNode;
this.nChildren++;
return childNode;
}

function folderSubEntries()
{
var i = 0;
var se = this.nChildren;

for (i=0; i < this.nChildren; i++)
{
if (this.children[i].children)
se = se + this.children[i].subEntries();
}

return se;
}

function Item(itemDescription, itemLink, itemIcon)
{
var aux

this.desc = itemDescription;
this.link = itemLink;
this.id = -1;
this.navObj = 0;
this.iconImg = 0;
if(itemIcon)
{
this.iconSrc = itemIcon;

aux = new Image();
aux.src= ImgDir + itemIcon;
}else this.iconSrc = "doc.gif";

this.initialize = initializeItem;
this.createIndex = createEntryIndex;
this.hide = hideItem;
this.display = display;
this.renderOb = drawItem;
this.totalHeight = totalHeight;
}

function hideItem()
{
if (browserVersion == 1)
{
if (this.navObj.style.display == "none")
return;
this.navObj.style.display = "none";
}else
{
if (this.navObj.visibility == "hiden")
return;
this.navObj.visibility = "hiden";
}
}

function initializeItem(level, lastNode, leftSide)
{
this.createIndex();

if (level>0)
if (lastNode)
{
this.renderOb(leftSide + "<img src='" + ImgDir + "lastnode.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0>");
leftSide = leftSide + "<img src='" + ImgDir + "blank.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0>" ;
}
else
{
this.renderOb(leftSide + "<img src='" + ImgDir + "node.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0>");
leftSide = leftSide + "<img src='" + ImgDir + "vertline.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0 align=left border=0 vspace=0 hspace=0>";
}
else
this.renderOb("");
}

function drawItem(leftSide)
{
if (browserVersion == 2)
doc.write("<layer id='item" + this.id + "' top=" + doc.yPos + ">");
doc.write("<table ");
if (browserVersion == 1)
doc.write(" id='item" + this.id + "' style='position:block;' ");
doc.write(" border=0 cellspacing=0 cellpadding=0>");
doc.write("<tr valign=top><td nowrap>");
doc.write(leftSide);
doc.write("<a href=" + this.link );
doc.write(' title=\"' + this.desc + '\" onclick=\"javascript:Db_Clk(this);\">');
if(browserVersion == 2)
{
doc.write("<layer id=showname bgcolor=#FFFFD2 visibility=hide>"+this.desc+"</layer>");
}

doc.write("<img id='itemIcon"+this.id+"' ");
doc.write("src='" + ImgDir + this.iconSrc+"'  width=18 height=18 align=left border=0 vspace=0 hspace=0 border=0>");
doc.write("<font color="+MenuTextColor+">" + this.desc + "</font></a>");
doc.write("</table>");

if (browserVersion == 2)
doc.write("</layer>");

if (browserVersion == 1)
{
this.navObj = doc.all["item"+this.id];
this.iconImg = doc.all["itemIcon"+this.id];
}else if (browserVersion == 2)
{
this.navObj = doc.layers["item"+this.id];
this.iconImg = this.navObj.document.images["itemIcon"+this.id];
doc.yPos=doc.yPos+this.navObj.clip.height;
}
}

function display()
{
if (browserVersion == 1)
this.navObj.style.display = "block";
else
this.navObj.visibility = "show";
}

function createEntryIndex()
{
this.id = nEntries;
indexOfEntries[nEntries] = this;
nEntries++;
}

function totalHeight()
{
var h = this.navObj.clip.height;
var i = 0;

if (this.isOpen)
for (i=0 ; i < this.nChildren; i++);
h = h + this.children[i].totalHeight();

return h;
}

function clickOnNode(folderId)
{
var clickedFolder = 0;
var state = 0;

clickedFolder = indexOfEntries[folderId];
state = clickedFolder.isOpen;

clickedFolder.setState(!state);
if(!folderId)clickedFolder.setState(state);
return false;
}

function initializeDocument()
{
loadImages();
foldersTree = auxs[0];
if (doc.all)
browserVersion = 1;
else
if (doc.layers)
browserVersion = 2;
else
browserVersion = 0;

foldersTree.initialize(0, 1, "");

if (browserVersion > 0)
{
doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+">&nbsp;</layer>");
clickOnNode(0);
}
}

function treeMenuAddItem(level, text, url, target, icon)
{

if (!target)
{
parentLevel=level;
if(level)
auxs[level] = auxs[level - 1].addChild(new Folder(text, url));
else auxs[0] = new Folder(text);
}
else
{
if(level>parentLevel + 1)level = parentLevel + 1;
auxs[level - 1].addChild(new Item(text, "'"+url+"' target=\"" + target + "\"", icon));
}
}

function Db_Clk(Clked)
{

var s_Href = Clked.href;
var i = s_Href.indexOf("&dbc=");
if(i!=-1)
{
if(s_Href.indexOf("&dbc=10") != -1)s_Href = s_Href.substring(0, i);
else s_Href += "0";
Clked.href = s_Href;
}
}



-->

#4

谁说的
我给你一个例子
把邮箱给我

#5

你好，我说的,我的信箱：fengruilong@baitc.com.cn

#6

我也要lyhzs@163.com

#7

我也要！！！！！jnsemt@163.com

#1

我也想要。
lh_ting@263.net
谢谢！

#2

必须用到js，因为属性要折叠，点击后展开，三层和无限层是一个道理，用到递归。会了吧！

#3

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<SCRIPT LANGUAGE="JavaScript" src="treeMenu.js"></Script>
<SCRIPT LANGUAGE="JavaScript" src="showDate.js"></Script>
<SCRIPT LANGUAGE="JavaScript">
ImgDir = "images/menu/"; //图片相对路径
SetFolderIcon("desktop.gif");
treeMenuAddItem(0, "傻看天个人连接站");
SetFolderIcon();
treeMenuAddItem(1, "工作");

treeMenuAddItem(1, '娱乐');
treeMenuAddItem(2, '理工大佚事', 'http://www.xici.net/board/board.asp?id=2854&dbc=1', '_self');
treeMenuAddItem(2, '西祠胡同口', 'http://www.xici.net/main.asp', '_self');
treeMenuAddItem(2, '银聊', 'http://chat.yinsha.com', '_self');
treeMenuAddItem(2, '鹏城聊天室聊', 'http://chat.szptt.net.cn', '_self');
treeMenuAddItem(2, '泡分', 'file://D:\\mydocument\\szptt\\login_axtiveX.htm', '_self');
treeMenuAddItem(2, '玉娇龙', 'file://D:\\mydocument\\long\\index.html', '_self');

treeMenuAddItem(1, "财经");
treeMenuAddItem(2, "电子商务");
treeMenuAddItem(3, "时代珠峰 - 网上超市", "http://www.my8848.net/", "_self","user.gif");
treeMenuAddItem(3, "当当网上书店", "http://www.dangdang.com/", "_self","user.gif");
treeMenuAddItem(2, "巨潮资讯网", "http://www.cninfo.com.cn/", "_self","user.gif");
treeMenuAddItem(2, "网易财经频道-财经首页", "http://stock.163.com/", "_self","user.gif");
treeMenuAddItem(2, "广东证券", "http://info.stock2000.com.cn/", "_self","user.gif");
treeMenuAddItem(1, "同学");
treeMenuAddItem(2, "950211班级", "http://950211.topcool.net/", "_self","user.gif");
treeMenuAddItem(2, "5460班级同学录", "http://www.5460.net/", "_self","user.gif");
treeMenuAddItem(1, "个人");
treeMenuAddItem(2, "SOHU个人网站", "ftp://hehe@ftp.homepage.sohu.com@202.220.96.222:22/", "_self","user.gif");
treeMenuAddItem(1, "下载");
treeMenuAddItem(2, "华军", "http://www.newhua.com", "_self","user.gif");
treeMenuAddItem(1, "信箱");
treeMenuAddItem(2, "163.net", "http://www.163.net", "_self","user.gif");
treeMenuAddItem(1, "综合");
treeMenuAddItem(2, "深圳视窗", "http://www.szptt.net.cn", "_self","user.gif");
treeMenuAddItem(2, "深圳热线", "http://www.szonline.net", "_self","user.gif");
treeMenuAddItem(2, "网易", "http://www.163.com", "_self","user.gif");
treeMenuAddItem(1, "手机");
treeMenuAddItem(2, "深圳移动", "http://www.sz1860.com", "_self","user.gif");
treeMenuAddItem(1, "技术");
treeMenuAddItem(2, "微软", "http://www.microsoft.com", "_self","user.gif");
treeMenuAddItem(2, "CSDN", "http://www.csdn.net", "_self","user.gif");
treeMenuAddItem(2, "Wscript对象帮助信息", "http://www.microsoft.com/CHINA/msdn/library/wsh/wsObjWshShellP.htm", "_self","user.gif");
var MenuColor='#ffffff'; //edited by skt
var MenuTextColor='#003399'; //文字和背景颜色

document.writeln('</head><body topmargin=0  bgcolor="'+MenuColor+'">');


document.write('<p align=center><font color="'+MenuTextColor+'" class=p9>' + datestring + '</font><br>');
document.write('<p align=left>');

document.write("</p></p>")

doc.yPos=30;
//-->
</script>

<SCRIPT LANGUAGE="JavaScript">
<!--
initializeDocument();
clickOnNode(1);
//clickOnNode(16);
//-->
</script>
</html>



<!--
以下为 treemenu.js



var ImgDir;
var indexOfEntries = new Array;
var nEntries = 0;
var doc = document;
var browserVersion = 0;
var auxs = new Array;
var FolderOpenIcon = "fopen.gif";
var FolderCloseIcon = "fclose.gif";
var treeClass=0;
var parentLevel=0;

function SetFolderIcon(iOpen, iClose)
{
var aux;
if(!iOpen)
{
iOpen = "fopen.gif";
iClose = "fclose.gif";
}

if(!iClose)iClose = iOpen;

aux = new Image();
aux.src= ImgDir + iOpen;
aux = new Image();
aux.src= ImgDir + iClose;

FolderOpenIcon = iOpen;
FolderCloseIcon = iClose;
}

function loadImages()
{
var aux;

aux = new Image();
aux.src= ImgDir + "blank.gif";
aux = new Image();
aux.src= ImgDir + "lastnode.gif";
aux = new Image();
aux.src= ImgDir + "link.gif";
aux = new Image();
aux.src= ImgDir + "mlastnode.gif";
aux = new Image();
aux.src= ImgDir + "mnode.gif";
aux = new Image();
aux.src= ImgDir + "node.gif";
aux = new Image();
aux.src= ImgDir + "plastnode.gif";
aux = new Image();
aux.src= ImgDir + "pnode.gif";
aux = new Image();
aux.src= ImgDir + "vertline.gif";
}

function Folder(folderDescription, isDefOpen)
{
this.desc = folderDescription;
this.id = -1;
this.navObj = 0;
this.iconImg = 0;
this.nodeImg = 0;
this.isLastNode = 0;
this.isDefOpen = isDefOpen;

this.isOpen = true;
this.iconSrc = FolderOpenIcon;
this.iconOpen = FolderOpenIcon;
this.iconClose = FolderCloseIcon;
this.children = new Array;
this.nChildren = 0;

this.initialize = initializeFolder;
this.setState = setStateFolder;
this.addChild = addChild;
this.createIndex = createEntryIndex;
this.hide = hideFolder;
this.display = display;
this.renderOb = drawFolder;
this.totalHeight = totalHeight;
this.subEntries = folderSubEntries;
}

function setStateFolder(isOpen)
{
var subEntries;
var totalHeight;
var fIt = 0;
var i=0;

if (isOpen == this.isOpen)
return;

if (browserVersion == 2)
{
totalHeight = 0;
for (i=0; i < this.nChildren; i++)
totalHeight = totalHeight + this.children[i].navObj.clip.height;
subEntries = this.subEntries();
if (this.isOpen)
totalHeight = 0 - totalHeight;
for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++)
indexOfEntries[fIt].navObj.moveBy(0, totalHeight);
}
this.isOpen = isOpen;
propagateChangesInState(this);
}

function propagateChangesInState(folder)
{
var i=0;

if (folder.isOpen)
{
if (folder.nodeImg)
if (folder.isLastNode)
folder.nodeImg.src = ImgDir + "mlastnode.gif";
else
folder.nodeImg.src = ImgDir + "mnode.gif";
folder.iconImg.src = ImgDir + folder.iconOpen;
for (i=0; i<folder.nChildren; i++)
folder.children[i].display();
}
else
{
if (folder.nodeImg)
if (folder.isLastNode)
folder.nodeImg.src = ImgDir + "plastnode.gif";
else
folder.nodeImg.src = ImgDir + "pnode.gif";
folder.iconImg.src = ImgDir + folder.iconClose;
for (i=0; i<folder.nChildren; i++)
folder.children[i].hide();
} 
}

function hideFolder()
{
if (browserVersion == 1)
{
if (this.navObj.style.display == "none")
return;
this.navObj.style.display = "none";
}else
{
if (this.navObj.visibility == "hiden")
return;
this.navObj.visibility = "hiden";
}

this.setState(0);
}

function initializeFolder(level, lastNode, leftSide)
{
var j=0;
var i=0;
var numberOfFolders;
var numberOfDocs;
var nc;
nc = this.nChildren;

this.createIndex();

var auxEv = "";

if (browserVersion > 0)
{
auxEv = "<a href='#' onclick='return clickOnNode("+this.id+");'";
auxEv = auxEv + ' title=\"' + this.desc + '\">';
}
else
{
auxEv = "<a>";
}

if (level>0)
if (lastNode)
{
this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='" + ImgDir + "mlastnode.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0 border=0>");
leftSide = leftSide + "<img src='" + ImgDir + "blank.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0>";
this.isLastNode = 1;
}else
{
this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='" + ImgDir + "mnode.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0 border=0>");
leftSide = leftSide + "<img src='" + ImgDir + "vertline.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0>";
this.isLastNode = 0;
}
else
this.renderOb(auxEv);

if (nc > 0)
{
level = level + 1;
for (i=0 ; i < this.nChildren; i++)
{
if (i == this.nChildren-1)
this.children[i].initialize(level, 1, leftSide);
else
this.children[i].initialize(level, 0, leftSide);
}
}
}

function drawFolder(leftSide)
{
if (browserVersion == 2)
{
if (!doc.yPos)
doc.yPos=100;
doc.write("<layer id='folder" + this.id + "' top=" + doc.yPos + ">\n<style type=\"text/css\">\ntd {font-size: 9pt}\na {color: #000000; text-decoration:none;}\n</style>");
}
doc.write("<table ");
if (browserVersion == 1)
doc.write(" id='folder" + this.id + "' style='position:block;' ");
doc.write(" border=0 cellspacing=0 cellpadding=0>");
doc.write("<tr valign=top><td nowrap>");
doc.write(leftSide);
doc.write("<img name='folderIcon" + this.id + "' ");
doc.write("src='" + ImgDir + this.iconSrc+"'  width=18 height=18 align=left border=0 vspace=0 hspace=0 border=0>");
doc.write("<font color="+MenuTextColor+">" + this.desc + "</font></a>");
doc.write("</td>");
doc.write("</table>");

if(browserVersion == 2)
doc.write("</layer>");

if (browserVersion == 1)
{
this.navObj = doc.all["folder"+this.id];
this.iconImg = doc.all["folderIcon"+this.id];
this.nodeImg = doc.all["nodeIcon"+this.id];
}else if (browserVersion == 2)
{
this.navObj = doc.layers["folder"+this.id];
this.iconImg = this.navObj.document.images["folderIcon"+this.id];
this.nodeImg = this.navObj.document.images["nodeIcon"+this.id];
doc.yPos=doc.yPos+this.navObj.clip.height;
}
}

function addChild(childNode)
{
this.children[this.nChildren] = childNode;
this.nChildren++;
return childNode;
}

function folderSubEntries()
{
var i = 0;
var se = this.nChildren;

for (i=0; i < this.nChildren; i++)
{
if (this.children[i].children)
se = se + this.children[i].subEntries();
}

return se;
}

function Item(itemDescription, itemLink, itemIcon)
{
var aux

this.desc = itemDescription;
this.link = itemLink;
this.id = -1;
this.navObj = 0;
this.iconImg = 0;
if(itemIcon)
{
this.iconSrc = itemIcon;

aux = new Image();
aux.src= ImgDir + itemIcon;
}else this.iconSrc = "doc.gif";

this.initialize = initializeItem;
this.createIndex = createEntryIndex;
this.hide = hideItem;
this.display = display;
this.renderOb = drawItem;
this.totalHeight = totalHeight;
}

function hideItem()
{
if (browserVersion == 1)
{
if (this.navObj.style.display == "none")
return;
this.navObj.style.display = "none";
}else
{
if (this.navObj.visibility == "hiden")
return;
this.navObj.visibility = "hiden";
}
}

function initializeItem(level, lastNode, leftSide)
{
this.createIndex();

if (level>0)
if (lastNode)
{
this.renderOb(leftSide + "<img src='" + ImgDir + "lastnode.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0>");
leftSide = leftSide + "<img src='" + ImgDir + "blank.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0>" ;
}
else
{
this.renderOb(leftSide + "<img src='" + ImgDir + "node.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0>");
leftSide = leftSide + "<img src='" + ImgDir + "vertline.gif' width=18 height=18 align=left border=0 vspace=0 hspace=0 align=left border=0 vspace=0 hspace=0>";
}
else
this.renderOb("");
}

function drawItem(leftSide)
{
if (browserVersion == 2)
doc.write("<layer id='item" + this.id + "' top=" + doc.yPos + ">");
doc.write("<table ");
if (browserVersion == 1)
doc.write(" id='item" + this.id + "' style='position:block;' ");
doc.write(" border=0 cellspacing=0 cellpadding=0>");
doc.write("<tr valign=top><td nowrap>");
doc.write(leftSide);
doc.write("<a href=" + this.link );
doc.write(' title=\"' + this.desc + '\" onclick=\"javascript:Db_Clk(this);\">');
if(browserVersion == 2)
{
doc.write("<layer id=showname bgcolor=#FFFFD2 visibility=hide>"+this.desc+"</layer>");
}

doc.write("<img id='itemIcon"+this.id+"' ");
doc.write("src='" + ImgDir + this.iconSrc+"'  width=18 height=18 align=left border=0 vspace=0 hspace=0 border=0>");
doc.write("<font color="+MenuTextColor+">" + this.desc + "</font></a>");
doc.write("</table>");

if (browserVersion == 2)
doc.write("</layer>");

if (browserVersion == 1)
{
this.navObj = doc.all["item"+this.id];
this.iconImg = doc.all["itemIcon"+this.id];
}else if (browserVersion == 2)
{
this.navObj = doc.layers["item"+this.id];
this.iconImg = this.navObj.document.images["itemIcon"+this.id];
doc.yPos=doc.yPos+this.navObj.clip.height;
}
}

function display()
{
if (browserVersion == 1)
this.navObj.style.display = "block";
else
this.navObj.visibility = "show";
}

function createEntryIndex()
{
this.id = nEntries;
indexOfEntries[nEntries] = this;
nEntries++;
}

function totalHeight()
{
var h = this.navObj.clip.height;
var i = 0;

if (this.isOpen)
for (i=0 ; i < this.nChildren; i++);
h = h + this.children[i].totalHeight();

return h;
}

function clickOnNode(folderId)
{
var clickedFolder = 0;
var state = 0;

clickedFolder = indexOfEntries[folderId];
state = clickedFolder.isOpen;

clickedFolder.setState(!state);
if(!folderId)clickedFolder.setState(state);
return false;
}

function initializeDocument()
{
loadImages();
foldersTree = auxs[0];
if (doc.all)
browserVersion = 1;
else
if (doc.layers)
browserVersion = 2;
else
browserVersion = 0;

foldersTree.initialize(0, 1, "");

if (browserVersion > 0)
{
doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+">&nbsp;</layer>");
clickOnNode(0);
}
}

function treeMenuAddItem(level, text, url, target, icon)
{

if (!target)
{
parentLevel=level;
if(level)
auxs[level] = auxs[level - 1].addChild(new Folder(text, url));
else auxs[0] = new Folder(text);
}
else
{
if(level>parentLevel + 1)level = parentLevel + 1;
auxs[level - 1].addChild(new Item(text, "'"+url+"' target=\"" + target + "\"", icon));
}
}

function Db_Clk(Clked)
{

var s_Href = Clked.href;
var i = s_Href.indexOf("&dbc=");
if(i!=-1)
{
if(s_Href.indexOf("&dbc=10") != -1)s_Href = s_Href.substring(0, i);
else s_Href += "0";
Clked.href = s_Href;
}
}



-->

#4

谁说的
我给你一个例子
把邮箱给我

#5

你好，我说的,我的信箱：fengruilong@baitc.com.cn

#6

我也要lyhzs@163.com

#7

我也要！！！！！jnsemt@163.com
标签：

相关文章