前些时无聊,用javascript写的一颗树[1]

[入库:2005年8月19日] [更新:2007年3月24日]

本文简介:选择自 zbjg 的 blog

<html>
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312"> 
<script language="javascript">
function addleaf(parentid)
{
    var leafhtml='';
    var bh=0;
    var node_path,parent;
    bh = parseint(lsh.value)+1;1
    lsh.value = bh;
    if(parentid != 0)
    {
        parent = document.getelementbyid('tree_path_' + parentid);
        node_path = parent.value + ',' + bh;
        parent = document.getelementbyid('tree_ul_' + parentid);
    }
    else
    {
        parent = document.getelementbyid('tree_div_0');
        node_path = '0,' + bh;
    }
   // alert('');
    leafhtml = '<div id=tree_div_' + bh + '>';
    leafhtml = leafhtml + '<li id=tree_li_' + bh + ' >'; 
    leafhtml = leafhtml + '<input id=tree_nodename_' + bh;
    leafhtml = leafhtml + ' onclick=newparent.value=' + bh + '; onkeydown=changesize(tree_nodename_' + bh + '); type=text style=border:none;cursor:hand size=6 value=新节点>';
   
    leafhtml = leafhtml + '<input id=tree_path_' + bh + ' type=hidden value=' + node_path + '>';
    leafhtml = leafhtml + '<input id=tree_parent_' + bh + ' type=hidden value=' + parentid + '>';
    leafhtml = leafhtml + '<input id=tree_state_' + bh + ' type=hidden value=insert>';
    leafhtml = leafhtml + '<input id=tree_change_' + bh + ' type=hidden value=insert>';
    leafhtml = leafhtml + '<input id=tree_vision_' + bh + ' type=hidden value=1>';
   
    leafhtml = leafhtml + '<input type=button  value=加子节点 onclick=addleaf(' + bh + ');>';
    leafhtml = leafhtml + '<input type=button  value=删该节点 onclick=delleaf(' + bh +');>';
    leafhtml = leafhtml + '<input type=button  value=调整位置 onclick=changeparent(' + bh + ');>' + '</li>' ;
    leafhtml = leafhtml + '<ul id=tree_ul_' + bh + '></ul>' ;
    leafhtml = leafhtml + '</div>';
    parent.innerhtml = parent.innerhtml + leafhtml;
}  

function delleaf(nodeid)
{

    var temp_node;
    temp_node = document.getelementbyid('tree_div_' + nodeid);
    if(temp_node != null)
     {
         temp_node.style.display = 'none';
         temp_node = document.getelementbyid('tree_state_' + nodeid);
         temp_node.value = 'delete';
         temp_node = document.getelementbyid('tree_change_' + nodeid);
         temp_node.value = temp_node.value + ', delete';
     }
}  

function hidenode(nodeid)
{
   var leaful;
   if(leafid != null)
   {   
       leaful = document.getelementbyid('node_' + nodeid);
       if(leaful != null)
       {
      // alert(leaful.id + '**' + leafid.id);
           leaful.style.display='none';
           leafid.style.display='none'; 
       }
  }
}

function changesize(node)
{
  if(node != null)
   {   
       node.size = node.value.length * 2;
   } 
}

function changeparent(nodeid)
{   
    var node,parent,tempnode;
    var tempstr,tempnodeid;
    if(newparent.value == null || newparent.value == '')
    {
        alert('请选择一个节点作为父节点!!!');
        return false;
    }
    node = document.getelementbyid('tree_div_' + nodeid);
    parent = document.getelementbyid('tree_ul_' + newparent.value);

本文关键:前些时无聊,用javascript写的一颗树
  相关方案
Google
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top