说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

求jsp树的原代码 最好是jsp+js+xml 执行效率要高。(从数据库中动态生成的)在线

编辑:说三道四文库 发布时间:2018-02-21 05:19
HTML文档下载 WORD文档下载 PDF文档下载
最好是有原代码可供参考。
本人借花献佛,贴出以前的贴子:
HTML>

<head>
<meta http-equiv="Content-Type" content="text/html" charset="gb2312">
<link rel="stylesheet" href="css\lanbao.css" type="text/css">
<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript src=check.js>
<!--

function KB9Parent_onmouseover() {

}

//-->
</SCRIPT>
</HEAD>

<BODY  name="menu">
<SCRIPT LANGUAGE=javascript>
<!--
document.onmousedown =Click;
//-->
</SCRIPT>

<TABLE WIDTH="120" style="HEIGHT: 61px; WIDTH: 111px">
<tr >
<td class="pgtitle" align="left" >兰宝集团</td>
<tr height=20></tr>
</TABLE>
<SCRIPT LANGUAGE=javascript>
<!--
NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
ver4 = (NS4 || IE4) ? 1 : 0;
/*function expandIt(el,index) {
    menu(index); 
    if (!ver4) return;
    if (IE4) {
        whichEl = eval(el + "Child");
        if (whichEl.style.display == "none") {
            whichEl.style.display = "block";
        }
        else {
            whichEl.style.display = "none";
        }
    }
    else {
        whichEl = eval("document." + el + "Child");
        if (whichEl.visibility == "hide") {
            whichEl.visibility = "show";
        }
        else {
            whichEl.visibility = "hide";
        }
        arrange();
    }
}*/

function expandIt(index){
var menuitem=new Array()
menuitem[1]=KB9Child
menuitem[2]=KB1Child
menuitem[3]=KB2Child
menuitem[4]=KB3Child
menuitem[5]=KB4Child
menuitem[6]=KB5Child
if (menuitem[index].style.display=="block"){
displayall()
}
else {
displayall()
menuitem[index].style.display="block"
}
}

function displayall(){

KB9Child.style .display ="none"
KB1Child.style .display ="none"
KB2Child.style .display ="none"
KB3Child.style .display ="none"
KB4Child.style .display ="none"
KB5Child.style .display ="none"
}
function arrange() {
    nextY = document.layers[firstInd].pageY +document.layers[firstInd].document.height;
    for (i=firstInd+1; i<document.layers.length; i++) {
        whichEl = document.layers[i];
        if (whichEl.visibility != "hide") {
            whichEl.pageY = nextY;
            nextY += whichEl.document.height;
        }
    }
}
function initIt(){
    if (!ver4) return;
    if (NS4) {
        for (i=0; i<document.layers.length; i++) {
            whichEl = document.layers[i];
            if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide";
      }
        arrange();
    }
    else {
        divColl = document.all.tags("DIV");
        for (i=0; i<divColl.length; i++) {
            whichEl = divColl(i);
            if (whichEl.className == "child") whichEl.style.display = "none";
        }
    }
}
onload = initIt;
//-->
</SCRIPT>

<table border=0 width="120">
<DIV ><A href="#" onclick="expandIt(1); return false"><font color=Black size=4>●设&nbsp;&nbsp;置</font></A>
  </DIV>
<div id="KB9Child" class="child">
&nbsp;&nbsp;<A href="midright.asp" target=right>客&nbsp;&nbsp;户</A><BR>
&nbsp;&nbsp;<A href="midright1.asp" target=right>存&nbsp;&nbsp;货</A><BR>
&nbsp;&nbsp;<A href="midright2.asp" target=right>供&nbsp;应&nbsp;商</A><BR>
&nbsp;&nbsp;<A href="userright.asp" target=right>设置用户权限</A><BR>
&nbsp;&nbsp;<A href="dptmaintain.asp" target=right>部门维护</A></div>

<DIV><A href="#" onclick="expandIt(2); return false"><font color=black size=4>●单&nbsp;&nbsp;据</font></A>
</DIV>
<div id="KB1Child" class="child">
&nbsp;&nbsp;<A href="produceplan.asp" target=right>生产计划(总)</A><BR>
&nbsp;&nbsp;<A href="colligatequery.asp" target=right>综合查询</A></div>

<DIV id=d3><A href="#" onclick="expandIt(3); return false"><font color=black size=4>●销售管理</font></A>
</DIV>
<div id="KB2Child" class="child">
&nbsp;&nbsp;<A href="shopcompact.asp" target=right>销售合同录入</A><BR>
&nbsp;&nbsp;<A href="shopcompactquery.asp" target=right>销售合同查询</A><BR>
&nbsp;&nbsp;<A href="guestlink.asp" target=right>客户联系表</A><BR>
&nbsp;&nbsp;<A href="shopdo.asp" target=right>销售处理</A></div>

<DIV ><A href="#" onclick="expandIt(4); return false"><font color=black size=4>●采购管理</font></A>
  </DIV>
<div id="KB3Child" class="child">
&nbsp;&nbsp;<A href="buyplan.asp" target=right>采购计划</A><BR>
&nbsp;&nbsp;<A href="buycompact.asp" target=right>采购合同录入</A><BR>
&nbsp;&nbsp;<A href="buycompactquery.asp" target=right>采购合同查询</A><BR>
&nbsp;&nbsp;<A href="providertable.asp" target=right>供应商联系表</A></div>

<DIV ><A href="#" onclick="expandIt(5); return false"><font color=black size=4>●库存管理</font></A>
  </DIV>
<div id="KB4Child" class="child">
&nbsp;&nbsp;<A href="stockinput.asp" target=right>原材料入库</A><BR>
&nbsp;&nbsp;<A href="productinputjudge.asp" target=right>成品入库</A><BR>
&nbsp;&nbsp;<A href="stockquery.asp" target=right>物品明细查询</A><BR>
&nbsp;&nbsp;<A href="stockproductcount.asp" target=right>物品数量查询</A><BR>
&nbsp;&nbsp;<A href="stockoutjudge.asp" target=right>物品出库</A><BR>
&nbsp;&nbsp;<A href="stockmove.asp" target=right>移库操作</A></div>

<DIV><A href="#" onclick="expandIt(6); return false"><font color=black size=4>●其&nbsp;&nbsp;它</font></A>
</DIV>
<div id="KB5Child" class="child">
&nbsp;&nbsp;<A href="editpass.asp" target=right>更改密码</A><BR>
&nbsp;&nbsp;<A href="messegeboard.htm" target=right>留言板</A><BR>
&nbsp;&nbsp;<A href="help.htm" target=right>帮&nbsp;&nbsp;助</A><BR>
&nbsp;&nbsp;<A href="out.asp" target=_top>退&nbsp;&nbsp;出</A></div>              
</table> 
                
</BODY>
</html>


<html xmlns:ie> 
<head> 
<!-- TOOLBAR_START --> 
<!-- TOOLBAR_EXEMPT --> 
<!-- TOOLBAR_END --> 
<style> 
ie\:tree {display: block;} 
ie\:treeitem {font-weight: expression(this.children.length > 1 ? 'bold' : 'normal'); 
border-top: 2px 
solid white;display: block; margin-left: 20px; visibility: inherit; overflow: 
hidden; width: 100%} 
ie\:label {display: inline; cursor: hand} 
</style> 

</head> 
<body style="font-family: verdana; font-size: 12px"> 
<h3>可以拖动的tree</h3> 
<ie:tree id=TheTree> 
<ie:treeitem><ie:label id=Label1>1.0 First Set</ie:label>  
<ie:treeitem><ie:label><A href="#">1.1 Megalosaurus</A></ie:label></ie:treeitem>  
<ie:treeitem><ie:label>1.2 Iguanodon</ie:label></ie:treeitem>  
<ie:treeitem><ie:label>1.3 Hylaeosaurus</ie:label></ie:treeitem>  
<ie:treeitem><ie:label>1.4 Tyrannosaurus rex</ie:label></ie:treeitem>  
</ie:treeitem> 
  
<ie:treeitem><ie:label>2.0 Later Set</ie:label>  
<ie:treeitem><ie:label>2.1 Mammoths</ie:label></ie:treeitem>  
<ie:treeitem><ie:label>2.2 Mastodons</ie:label>  
<ie:treeitem><ie:label>2.2.1 Plesiosaurs</ie:label></ie:treeitem>  
<ie:treeitem><ie:label>2.2.2 Ichthyosaurs</ie:label></ie:treeitem>  
<ie:treeitem><ie:label>2.2.3 Dimetrodon </ie:label></ie:treeitem>  
<ie:treeitem><ie:label>2.2.4 Sinapsid</ie:label>
    <ie:treeitem><ie:label>2.2.4.1 xxxxx</ie:label></ie:treeitem> 
</ie:treeitem>  
</ie:treeitem>  
 
<ie:treeitem><ie:label>2.3 Stegosaurus</ie:label></ie:treeitem>  
<ie:treeitem><ie:label>2.4 Apatosaurus</ie:label></ie:treeitem>  
<ie:treeitem><ie:label>2.5 Mammals</ie:label></ie:treeitem>  
<ie:treeitem><ie:label>2.6 Tetrapods</ie:label>  
<ie:treeitem><ie:label>2.6.1 Amphibians</ie:label></ie:treeitem>  
<ie:treeitem><ie:label>2.6.2 Whales</ie:label></ie:treeitem>  
<ie:treeitem><ie:label>2.6.3 Crocodiles</ie:label></ie:treeitem>  
<ie:treeitem><ie:label>2.6.4 Sea Turtles</ie:label></ie:treeitem>  
</ie:treeitem>  
<ie:treeitem><ie:label>2.7 Late Permian</ie:label></ie:treeitem>  
<ie:treeitem><ie:label>2.8 Mesozoic</ie:label></ie:treeitem>  
</ie:treeitem>  
<ie:treeitem><ie:label>3.0 Archosaurs</ie:label>  
<ie:treeitem><ie:label>3.1 Mandibular fenestra</ie:label></ie:treeitem>  
<ie:treeitem><ie:label>3.2 Pointed Snout</ie:label></ie:treeitem>  
<ie:treeitem><ie:label>3.3 Theocodant Tooth Implantation</ie:label></ie:treeitem>  
<ie:treeitem><ie:label>3.4 Modified Ankle</ie:label></ie:treeitem>  
</ie:treeitem>  
<ie:treeitem><ie:label>4.0 Mesozoic</ie:label>  
<ie:treeitem><ie:label>4.1 Middle Animals</ie:label> 
<ie:treeitem><ie:label>4.1.1 add</ie:label> 
<ie:treeitem><ie:label>4.1.1.1 add</ie:label></ie:treeitem> 
<ie:treeitem><ie:label>4.1.1.2 add</ie:label> 
</ie:treeitem>  
</ie:treeitem>  
</ie:treeitem>  
</ie:tree>  
<script>  
// variables for drag/drop  
var dragElement = null;  
var dropElement = null;  
var currOver = null;  
 
// variables for expanding/collapsing  
var flyCount = 5;  
var msecs = 5;  
var currCount = 0;  
 
// event handler hookup  
TheTree.onmousedown = preselect;  
TheTree.ondragstart = dragstart;  
TheTree.ondragend = dragend;  
TheTree.ondragenter = dragover;  
TheTree.ondragover = dragover;  
TheTree.ondragend = dragend;  
TheTree.ondrop = dragdrop;  
document.onclick = click;  
 
// drag/drop code  
 
// method called as we start drag/drop  
function dragstart() {  
var e;  
e = window.event.srcElement;  
if (e.tagName != "label")  
return false;  
 
dragElement = e.parentElement;  
}  
 
// called as we mouse over - note that there is special handling for dragover code  
// as dragleave doesn't track the toElement/fromElement as mouseover/mouseout does  
function dragover() {  
if (window.event.srcElement.tagName != "treeitem")  
return;  
 
if (!dragElement.contains(window.event.srcElement)) {  
if (currOver) {  
currOver.style.borderTopColor = "";  
}  
currOver = window.event.srcElement;  
window.event.srcElement.style.borderTopColor = "black";  
event.returnValue = false;  
}  
}  
 
// called when drag is ended - always  
function dragend() {  
if (currOver) {  
currOver.style.borderTopColor = "";  
}  
}  
 
// called on drop  
function dragdrop() {  
if (currOver) {  
currOver.style.borderTopColor = "";  
}  
t = currOver;  
t.parentElement.insertBefore(dragElement, t);  
}  
 
// needed to select items so they can be dragged  
// drag drop only supported on selection and images  
function preselect() {  
var e;  
 
e = window.event.srcElement;  
if (e.tagName != "label") {  
return;  
}  
r = document.body.createTextRange();  
r.moveToElementText(e);  
r.select();  
window.event.cancelBubble = true;  
}  
 
// beginning of expand/collapse code  
 
// called to handle document click, starts toggling  
function click() {  
if (window.event.srcElement.tagName != "label") {  
return;  
}  
if (window.event.srcElement.parentElement.children.length > 1) {  
toggleState(window.event.srcElement.parentElement);  
}  
}  
 
// toggles expanding/collapse state of an element - does setup  
function toggleState(e) {  
e.oHeight = e.scrollHeight + 2;  
e.style.posHeight = e.offsetHeight;  
 
if (e.scrollHeight >= e.offsetHeight) {  
growIt(e);  
} else {  
shrinkIt(e);  
}  
}  
 
// called to initiate growing an element  
function growIt(e) {  
currCount = 0;  
 
window.setTimeout("doGrow(" + e.uniqueID + ");", msecs);  
}  
 
// called to initiate shrinking an element  
function shrinkIt(e) {  
currCount = 0;  
window.setTimeout("doShrink(" + e.uniqueID + ");", msecs);  
}  
 
// inner loop for growing an object  
function doGrow(e) {  
var dh;  
var lineHeight = e.children[0].offsetHeight;  
 
currCount++;  
 
dh = e.oHeight / flyCount;  
 
 
if (e.style.posHeight != e.oHeight) {  
e.style.posHeight += dh;  
}  
 
if (currCount < flyCount) {  
window.setTimeout("doGrow(" + e.uniqueID + ");", msecs);  
}  
else {  
e.style.height = "";  
}  
}  
 
// inner loop for shrinking an object  
function doShrink(e) {  
var dh, dw;  
var lineHeight = e.children[0].offsetHeight;  
var p;  
 
currCount++;  
 
dh = (e.oHeight - lineHeight) / flyCount;  
 
e.style.posHeight -= dh;  
 
if (currCount < flyCount) {  
window.setTimeout("doShrink(" + e.uniqueID + ");", msecs);  
}  
else {  
e.style.posHeight = lineHeight;  
}  
}  
</script>  
</body>  
</html> 
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘