树形菜单问题

Question

是科利华的
代码如下：var imgDir="";
folderIcon = "";
var indexOfEntries = new Array;
var nEntries = 0;
var auxs = new Array;function setIcon(icon){
folderIcon = icon;
}function Folder(folderDescription,permissionCode)
{
this.description = folderDescription;
this.permissionCode = permissionCode;
this.id = -1;
this.navObj = 0;
this.iconImg = 0;
this.nodeImg = 0;
this.isLastNode = 0;
this.father = 0;
this.isOpen = false;
this.iconSrc = folderIcon;
this.children = new Array;
this.nChildren = 0;
this.selectedChildren = 0;
this.leftSide="";
this.hasDrawed = false;
this.drawChildren = drawChildren;
this.fatherDiv = 0;
this.checked = false;
this.permissionCode = permissionCode;

this.initialize = initialize;
this.setState = setState;
this.addChild = addChild;
this.createIndex = createEntryIndex;
this.hide = hide;
this.display = display;
this.draw = draw;
}function repaint(folder)
{
var i=0;
if (folder.isOpen)
{
if (folder.nodeImg)
if (folder.isLastNode){
if(folder.nChildren>0)
//folder.nodeImg.src = imgDir + "Lminus.gif";
folder.nodeImg.src = imgDir + "Lplus.gif";
}
else{
if( folder.nChildren>0) {
//folder.nodeImg.src = imgDir + "Tminus.gif";
folder.nodeImg.src = imgDir + "Tplus.gif";
}
}

folder.display();
if(folder.hasDrawed){
for(i=0;i<folder.nChildren;i++){
repaint(folder.children[i]);
}
}
}
else
{
if (folder.nodeImg)
if (folder.isLastNode == 0){
if( folder.nChildren>0)
folder.nodeImg.src = imgDir + "Tplus.gif";
}
else{
if( folder.nChildren>0)
folder.nodeImg.src = imgDir + "Lplus.gif";
}
folder.hide();
}
}
function createEntryIndex()
{
this.id = nEntries;
indexOfEntries[nEntries] = this;
nEntries++;
}
function initialize(level, lastNode, leftSide)
{
var j=0;
var i=0;
var numberOfFolders;
var numberOfDocs;
var nc; nc = this.children.length;
this.createIndex();

if (level>0){
if (lastNode){
if( nc>0)
nodeImage = "Lplus.gif";
else
nodeImage = "L.gif";
this.leftSide = leftSide+"<img name='nodeIcon" + this.id + "' src='" + imgDir + nodeImage+"' border=0 cellspacing=0 cellpadding=0>";
leftSide = leftSide + "<img src='" + imgDir + "blank.gif' >";
this.isLastNode = 1;
}
else{
if( nc>0)
nodeImage = "Tplus.gif";
else
nodeImage = "T.gif";
this.leftSide = leftSide+"<img name='nodeIcon" + this.id + "' src='" + imgDir +nodeImage +"' >";
leftSide = leftSide + "<img src='" + imgDir + "I.gif' >";
this.isLastNode = 0;
}
}
else
this.draw();

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 drawChildren(){
var i;
var str = "";
if( this.nChildren>0){
var currentFolder = eval("folder"+this.id);
this.navObj = currentFolder;
}
for(i=0;i<this.nChildren;i++){
this.children[i].fatherDiv = currentFolder;
this.children[i].draw();
}
this.hasDrawed = true;
}function draw()
{
var str="";
str = "<table class='font-default' style='margin-left:0px' ";
str +="title='"+this.description+"'";
str +=" border=0 cellspacing=0 cellpadding=0>";
str +="<tr valign=top>";
str +="<td nowrap onclick=clickOnNode("+this.id+")>";
str +=this.leftSide;
str +="<img name='folderIcon" + this.id + "' ";
str +="src='" + imgDir + this.iconSrc+"'>";
str +="</td>";
str +="<td nowrap align='center'>";

if( this.permissionCode.length>0 && this.permissionCode != "#")
{
str +="<a class='a-favMenu' href=";
str+=this.permissionCode + "&folderID=" + this.id ;
str += " onclick='clickOnNode("+this.id+");'";
str +="' title=" + this.description + ">";
str +=this.description ;
str +="</a></td></tr>";
str +="</table>";
}
else
{
str +="<td nowrap onclick=clickOnNode("+this.id+")>";
str +="<a class='a-favMenu' href='javascript:'>&nbsp;" + this.description;
str +="</a></td></tr>";
str +="</table>";
}
  if( this.nChildren>0)
 {
str += "<table   class='font-default' style='margin-left:0px' border=0 cellspacing=0 cellpadding=0><tr><td>";
str += "<div id=folder"+this.id+" ></div>";
str += "</td></tr></table>";
 }
if( this.id==0)
{
str ="<table class='font-default' style='margin-left:0px'><tr><td><div id='ff'>"+str;
str += "</div></td></tr></table>";
document.write(str);
}
else
this.fatherDiv.innerHTML += str;
this.iconImg = eval("folderIcon"+this.id);
if( this.id>0)
this.nodeImg =  eval("nodeIcon"+this.id);
}function hide()
{
if( this.hasDrawed) {
this.navObj.style.display = "none";
this.setState(0);
}
}function display()
{
if( !this.hasDrawed){
this.drawChildren();
}
else{
this.navObj.style.display = "block";
}
}function setState(isOpen)
{
if (isOpen == this.isOpen){
return;
}
this.isOpen = isOpen;
repaint(this);
}function clickOnNode(folderID)
{
var clickedFolder = 0;
var state = 0;
clickedFolder = indexOfEntries[folderID];
state = clickedFolder.isOpen;
if( clickedFolder.children.length>0 ){
clickedFolder.setState(!state);
}
else{
folderID = folderID - 1;
clickOnNode(folderID);
}
}function treeMenuAddItem(level, description, permissionCode)
{
if(level)
auxs[level] = auxs[level - 1].addChild(new Folder(description, permissionCode));
else
auxs[0] = new Folder(description,permissionCode);
}function initializeDocument(){
var foldersTree;
foldersTree = auxs[0];
foldersTree.initialize(0, 1, "");
}
function addChild(childObject)
{
this.children[this.nChildren] = childObject;
childObject.father= this;
this.nChildren++;
return childObject;
}function checkState(folderID){
var clickedFolder = 0;
clickedFolder = indexOfEntries[folderID];
var checkBox = eval("checkBox"+folderID);
if( !checkBox.checked){
if( clickedFolder.nChildren==0){
if( unSelectItemBrother(clickedFolder))
unSelectItem(clickedFolder);
}
else
unSelectFolder(clickedFolder);
}
else{
if( clickedFolder.nChildren==0){
selectItem(clickedFolder);
selectItemBrother(clickedFolder);
}
else
selectFolder(clickedFolder);
}
}
function getPermissionCode(permission){
var a = permission.split(",");
return (new Number(a[1]));
}

Answer 1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0091)http://218.22.144.93:9010/cscedc/controlwindow/manage/managemain.asp?content=001002&Column= -->
<HTML><HEAD>
<META content="text/html; charset=gb2312" http-equiv=Content-Type><LINK 
href="managemain.files/csscontrol.css" rel=stylesheet>
<SCRIPT src="managemain.files/setPermission.js"></SCRIPT><META content="MSHTML 5.00.3103.1000" name=GENERATOR></HEAD>
<BODY bgColor=#9db0df class=body-rigthframe leftMargin=0 topMargin=0 
marginheight="0" marginwidth="0">
<SCRIPT>
imgDir="/style/control/images/";
setIcon("folderClose.gif");
treeMenuAddItem(0, "科利华资源库","#");
treeMenuAddItem(1,"学科资源库","");

treeMenuAddItem(2,"初中(25653)","");

treeMenuAddItem(3,"语文(5185)","");
initializeDocument();
clickOnNode(0);
clickOnNode(1); clickOnNode(2);</SCRIPT>
</BODY></HTML>

Answer 2

function repaint(folder)
{
var i=0;
if (folder.isOpen)
{
if (folder.nodeImg)
if (folder.isLastNode){
if(folder.nChildren>0)
folder.nodeImg.src = imgDir + "Lminus.gif";
//folder.nodeImg.src = imgDir + "Lplus.gif";
}
else{
if( folder.nChildren>0) {
//folder.nodeImg.src = imgDir + "Tminus.gif";
folder.nodeImg.src = imgDir + "Tplus.gif";
}
}

folder.display();
if(folder.hasDrawed){
for(i=0;i<folder.nChildren;i++){
repaint(folder.children[i]);
}
}
}
else
{
if (folder.nodeImg)
if (folder.isLastNode == 0){
if( folder.nChildren>0)
folder.nodeImg.src = imgDir + "Tplus.gif";
}
else{
if( folder.nChildren>0)
folder.nodeImg.src = imgDir + "Lplus.gif";
}
folder.hide();
}
}
这些图片，在浏览器上看不出什么效果。把你注释掉的那行，改换一下，看看效果！