有谁知道“西祠胡同”中那种利用收音机按钮，进行动态编辑目录树的效果？（关键词：目录树，编辑，动态）

tree.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css"><!--
.p9 {font-size: 12px;}
.p10 {font-size: 14.5px;}
.title {font-size: 29px;}
td {font-size: 12px;}
select {font-size: 12px;}body {font-size: 12px;}A {text-decoration: none;}
--></style>
<SCRIPT LANGUAGE="JavaScript" src="treeMenu.js"></Script>
<SCRIPT LANGUAGE="JavaScript">
ImgDir = "images/menu/";
SetFolderIcon("desktop.gif");
treeMenuAddItem(0, "西祠胡同");
SetFolderIcon();
treeMenuAddItem(1, "胡同口", "home.asp", "XiciMain");
treeMenuAddItem(1, '我的服务');
treeMenuAddItem(2, '居委会', 'board/board.asp?id=2488&dbc=1', 'XiciMain');treeMenuAddItem(2, '社区在线服务', 'board/board.asp?id=44975&dbc=1','XiciMain');treeMenuAddItem(2, '短信控制台', 'sms/regist.asp','XiciMain');treeMenuAddItem(2, '发送短信', 'mail/sendsms.asp?', 'XiciMain');treeMenuAddItem(2, '通讯录', 'sms/addresslist.asp','XiciMain');treeMenuAddItem(2, '171上网', 'evbs/ispsrv.asp?', 'XiciMain');treeMenuAddItem(2, '特邀讨论版', 'board/invite_bd.asp','XiciMain');treeMenuAddItem(1, '预订讨论版');
treeMenuAddItem(1, "朋友的家");
treeMenuAddItem(2, "我的家", "board/board.asp?id=-1492348", "XiciMain","user.gif");
treeMenuAddItem(1, "文章收藏");
treeMenuAddItem(1,"网站收藏");
treeMenuAddItem(1, "使用指南", "help/how.asp", "XiciMain", "help.gif");
treeMenuAddItem(1,"聊天楼","chat/main.asp","XiciMain","java.gif");
treeMenuAddItem(1,"成为真实网友","tools/modifile.asp","XiciMain","text.gif");
treeMenuAddItem(1,"隐姓埋名","user/logon.ASP?LogOut=yes","_top","java.gif");
var MenuColor=top.MenuColor;
var MenuTextColor=top.MenuTextColor;document.writeln('</head><body topmargin=0  bgcolor="'+MenuColor+'">');var nowdate=new Date();
var datestring;
datestring = nowdate.getFullYear() + '年' + (nowdate.getMonth()+1)+ '月' + nowdate.getDate() + '日&nbsp;周';
switch(nowdate.getDay())
{
case 0:
datestring = datestring + '日';
break;
case 1:
datestring = datestring + '一';
break;
case 2:
datestring = datestring + '二';
break;
case 3:
datestring = datestring + '三';
break;
case 4:
datestring = datestring + '四';
break;
case 5:
datestring = datestring + '五';
break;
case 6:
datestring = datestring + '六';
break;
}
document.write('<p align=center><font color="'+MenuTextColor+'" class=p9>' + datestring + '</font><br>');if(document.location.port == 81)
document.write("<a href=\"javascript:parent.SetHostPort(0);\"><img src=\"/images/gb2312.gif\" border=0 width=83 height=11></a>");
else
document.write("<a href=\"javascript:parent.SetHostPort(1);\"><img src=\"/images/big5.gif\" border=0 width=83 height=11></a>");document.write('<br><img src=../images/space.gif width=1 height=5><br><table border=0 width=100% cellpadding=0 cellspacing=1><tr><td align=left nowrap><font color="'+MenuTextColor+'">用 户 号：1492348</font></td></tr><tr><td align=left nowrap><font color="'+MenuTextColor+'">注册网友：Coffee2002</font></td></tr></table>');
document.write("</p>")
doc.yPos=30;
//-->
</script><SCRIPT LANGUAGE="JavaScript">
<!--
initializeDocument();
clickOnNode(10);//-->
</script>
</html>

解决方案 »

  1.   

    treeMenu.jsvar 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;
    }