WebTree问题


function getSubTree(id) {
var submitURL = "treeview?parent=" + id;
postXmlHttp(submitURL, "parseSubTree(\"" + id + "\")", "load(\"" + id + "\")");
}
function parseSubTree(id) {
var el = document.getElementById(id);
var ulElmt = document.createElement("UL");
ulElmt.innerHTML = _xmlHttpRequestObj.responseText;
el.appendChild(ulElmt);
var images = el.getElementsByTagName("IMG");
images[0].setAttribute("src", "images/minus.gif");
images[0].setAttribute("onclick", "showHide('" + id + "')");
var aTag = el.getElementsByTagName("A");
aTag[0].setAttribute("onclick", "showHide('" + id + "')");
var loadDiv = document.getElementById("load");
loadDiv.style.display = "none";
}
function load(id) {
var loadDiv = document.getElementById("load");
loadDiv.style.display = "block";
}

解决方案 »

  1.   

    我前不久写了一棵,可以管理树结构去这里下载或者查看效果是否适合,有问题再问http://country.lvyou168.cn/flashwariii/download.htm
      

  2.   

    [code=HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <style>
    .hi {
    height:200px;
    background-color:#990033;
    }
    .dd{
    height:40px;
    background-color:#396;
    }
    </style>
    <script language="JavaScript" type="text/javascript">
    var thisdiv
    function go(i){
    var thisdiv2=document.getElementById("s"+i);
            var thisimg=document.getElementById("img"+i);
    if(thisdiv!=undefined && thisdiv!=thisdiv2)thisdiv.style.display = "none"; if(thisdiv2.style.display == "none"){
    thisdiv2.style.display = "block";
                    thisimg.src="images/plus.gif"; 
    thisdiv=thisdiv2;
    }
    else{
                    thisimg.src="images/minus.gif";
    thisdiv2.style.display = "none";
    }
    }
    </script>
    </head><body>
    <div class="dd" id="d1" onclick="go(1)"><img id="img1" src="images/minus.gif">菜单1</img><br />
    <div class="hi"style="display: none" id="s1">1111<br />111111<br />111<br />111</div>
    </div>
    <div class="dd" id="d2" onclick="go(2)"><img id="img2" src="images/minus.gif">菜单2</img><br />
    <div class="hi"style="display: none" id="s2">2222<br />22222<br />22<br />22</div>
    </div>
    <div class="dd" id="d3" onclick="go(3)"><img id="img3" src="images/minus.gif">菜单3</img><br />
    <div class="hi"style="display: none" id="s3">3333<br />33<br />333333</div>
    </div>
    <div class="dd" id="d4" onclick="go(4)"><img id="img4" src="images/minus.gif">菜单4</img><br />
    <div class="hi"style="display: none" id="s4">4444444<br />44444</div>
    </div>
    <div class="dd" id="d5" onclick="go(5)"><img id="img5" src="images/minus.gif">菜单5</img><br />
    <div class="hi"style="display: none" id="s5">5<br />55555<br />55<br />555</div>
    </div></body>
    </html>
    [/code=HTML]
    写一个最短的
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <style> 
    .hi { 
    height:200px; 
    background-color:#990033; 
    } 
    .dd{ 
    height:40px; 
    background-color:#396; 
    } 
    </style> 
    <script language="JavaScript" type="text/javascript"> 
    var thisdiv 
    function go(i){ 
    var thisdiv2=document.getElementById("s"+i); 
            var thisimg=document.getElementById("img"+i); 
    if(thisdiv!=undefined && thisdiv!=thisdiv2)thisdiv.style.display = "none"; if(thisdiv2.style.display == "none"){ 
    thisdiv2.style.display = "block"; 
                    thisimg.src="images/plus.gif"; 
    thisdiv=thisdiv2; 
    } 
    else{ 
                    thisimg.src="images/minus.gif"; 
    thisdiv2.style.display = "none"; 
    } 
    } 
    </script> 
    </head> <body> 
    <div class="dd" id="d1" onclick="go(1)"> <img id="img1" src="images/minus.gif">菜单1 </img> <br /> 
    <div class="hi"style="display: none" id="s1">1111 <br />111111 <br />111 <br />111 </div> 
    </div> 
    <div class="dd" id="d2" onclick="go(2)"> <img id="img2" src="images/minus.gif">菜单2 </img> <br /> 
    <div class="hi"style="display: none" id="s2">2222 <br />22222 <br />22 <br />22 </div> 
    </div> 
    <div class="dd" id="d3" onclick="go(3)"> <img id="img3" src="images/minus.gif">菜单3 </img> <br /> 
    <div class="hi"style="display: none" id="s3">3333 <br />33 <br />333333 </div> 
    </div> 
    <div class="dd" id="d4" onclick="go(4)"> <img id="img4" src="images/minus.gif">菜单4 </img> <br /> 
    <div class="hi"style="display: none" id="s4">4444444 <br />44444 </div> 
    </div> 
    <div class="dd" id="d5" onclick="go(5)"> <img id="img5" src="images/minus.gif">菜单5 </img> <br /> 
    <div class="hi"style="display: none" id="s5">5 <br />55555 <br />55 <br />555 </div> 
    </div> </body> 
    </html>