dtree

来源:互联网 发布:阿里云数据库连接2003 编辑:程序博客网 时间:2024/05/28 15:29
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>Destroydrop &raquo; Javascripts &raquo; Tree</title>
    <link rel="StyleSheet" href="dtree.css" type="text/css" />
    <script type="text/javascript" src="dtree.js"></script>
</head>

<body>
<h1>
<a href="/">Destroydrop</a> &raquo; <a href="/javascripts/">Javascripts</a> &raquo; <a href="/javascripts/tree/">Tree</a>
</h1>
<h2>Example</h2>

<div class="dtree">
<TEXTAREA ROWS="5" COLS="80" id="test"></TEXTAREA>
<p><a href="javascript: d.openAll();">全部打开</a> | <a href="javascript: d.closeAll();">全部关闭</a></p>
<script type="text/javascript">

        d = new dTree('d','.','testForm');
           //(id, pid, name, url, title, target, icon, iconOpen, open)
        d.add(0,-1,'权限管理系统');
        d.add(1,0,'文件管理','','','','','',true);
        d.add(2,1,'添加文件');
        d.add(3,1,'审核文件');
        d.add(4,1,'删除文件');        
        d.add(5,2,'留言管理','','','','','',true);           
        d.add(6,2,'修改留言');
        d.add(7,3,'删除留言');
        d.add(8,3,'权限管理系统');
        d.add(9,0,'文件管理','','','','','',true);
        d.add(10,9,'添加文件');
        d.add(11,9,'审核文件');
        d.add(12,10,'删除文件');        
        d.add(13,10,'留言管理','','','','','',true);           
        d.add(14,12,'修改留言');
        d.add(15,13,'删除留言');


        document.write(d);



</script>

<script type="text/javascript">

function submitForm(){            
            var ids = "";
            var form = document.getElementById("testForm");
            for (var i=0; i<form.elements.length; i++) {
                var element = form.elements[i];
                if (element.name == "id" && element.type=='checkbox'){
                    if( element.checked == true ){
                        ids = ids + element.value + ",";
                    }
                }
            }        
            alert("ids = " + ids);
            
            /*var nodeName="";
            for(var i=1;i<d.aNodes.length;i++)
            {
                nodeName+="("+d.aNodes[i].id+","+d.aNodes[i].pid+")"+"="+d.aNodes[i].name+" ";
            }
            alert(nodeName);
            */            
            /*
            var form = document.getElementById("testForm");        
            var nodeids = new Array();
            var k=0;
            
            for (var i=0; i<form.elements.length; i++) {
                var element = form.elements[i];
                if (element.name == "id" && element.type=='checkbox'){
                    if( element.checked == true ){
                        nodeids[k]=element.value;
                        k++;
                    }                    
                }
            }
             var nodeName="";
            for(var i=0;i<nodeids.length;i++)
            {
                nodeName+=nodeids[i]+":";
            
            }
            alert(nodeName);
            */
                    
            /*var nodeAll="";
            for(var i=0;i<nodeids.length;i++)
            {
                    var temp=nodeids[i];
                    nodeAll+="("+d.aNodes[temp].id+","+d.aNodes[temp].pid+")"+"="+d.aNodes[temp].name+" ";
                        
                
            }
            alert(nodeAll);
            */
            
    
        }

</script>

 
    <input type="button" value="提 交" onClick="submitForm()"/>



</div>
</body>

</html>

<?xml version="1.0" encoding="UTF-8"?>
<document pageSize="A4">
     <document_catalog font="30" align="left" color="org" name="报告结构">                
         <first_title id="1" font="20" align="left" name="现网概述">               
             <second_title id="1" font="16" align="left" name="现网基本情况(全网站点的基本情况介绍)"/>               
             <second_title id="2" font="16" align="left" name="典型站点情况(抽样的典型站点介绍)">                
         </first_title>
         <first_title id="2" font="20" align="left" name="现网数据分析">               
             <second_title id="1" font="16" align="left" name="整网OPEX情况分析"/>                
             <second_title id="2" font="16" align="left" name="典型站点1~N的OPEX分析"/>                
             <second_title id="3" font="16" align="left" name="整网站点健康度评估"/>               
             <second_title id="4"font="16" align="left" name="典型站点1~N的根因分析"/>              
         </first_title>
         <first_title id="3" font="20" align="left" name="方案建议">                 
             <second_title id="1" font="16" align="left" name="建议方案概览"/>
             <second_title id="2" font="16" align="left" name="建议方案分析">                 
                 <list font="12" align="left">
                     <item>方案介绍</item>
                     <item>方案配置</item>
                     <item>改造绿色节能效果</item>
                     <item>改造TCO/ROI分析</item>        
                 </list>                    
             </second_title>                        
         </first_title>
         <first_title id="4" font="20" align="left" name="投资预算"/>            
         <first_title id="5" font="20" align="left" name="现网概述"/>
     </document_catalog>
     <network_summarize id="1" font="30" align="left" color="org" name="现网概述">         
         <first_title id="1" font="20" align="left" name="现网基本情况(全网站点的基本情况介绍)">    
              <second_title id="1" font="16" align="left" name="按地理纬度(体现站点总数及分布)">
                 <image align="left">D:\\image\\image.jpg</image>
             </second_title>
             <second_title id="2" font="16" align="left" name="按站点类型(室内、室外)">
                 <image align="left">D:\\image\\image.jpg</image>     
             </second_title>
             <second_title id="3" font="16" align="left" name="按供电方式">
                 <image align="left">D:\\image\\image.jpg</image>
             </second_title>
             <second_title id="4" font="16" align="left" name="按电能质量">
                 <image align="left">D:\\image\\image.jpg</image>
             </second_title>
         </first_title>
         <first_title id="2" font="20" align="left" name="典型站点情况(抽样的典型站点介绍)">   
             <second_title id="1" font="16" align="left" name="典型站点分类依据">
                  <list font="12" align="left">
                     <item>站点交典型站点分类依据</item>
                     <item>按站点类型(室内、室外)</item>
                     <item>直流负载大小,一般按直流功耗大小划分。</item>
                     <item>市电供应时长(可按市电供电平均时长来划分)</item>    
                     <item>站点形态(地面、屋顶、室内、室外等)</item>
                     <item>站点位置(市区、郊区、农村、海边等)</item>
                     <item>站点主设备类型(2G、3G、华为基站、友商基站、混合基站等)</item>
                     <item>站点直流电压(24V、48V)</item>    
                     <item>站点供电情况(双油机无市电、双油机+市电、单油机+市电等)</item>
                     <item>站点重要性(一般以客户确定的重要性为准)</item>        
                    </list>
             </second_title>
             <second_title id="2" font="16" align="left" name="典型站点模型">
                 <table row="11" cell="5" align="center" font="16">
                 <tr id="1">
                     <td id="1"><![CDATA[ ]]></td>
                     <td id="2"><![CDATA[特性1]]></td>
                     <td id="3"><![CDATA[特性2]]></td>    
                     <td id="4"><![CDATA[特性3]]></td>
                     <td id="5"><![CDATA[特性4]]></td>        
                 </tr>
                 <tr id="2">
                     <td id="1"><![CDATA[典型站点1]]></td>
                     <td id="2"><![CDATA[特性1]]></td>
                     <td id="3"><![CDATA[特性2]]></td>    
                     <td id="4"><![CDATA[特性3]]></td>
                     <td id="5"><![CDATA[特性4]]></td>        
                 </tr>S
                 <tr id="3">
                     <td id="1"><![CDATA[典型站点2]]></td>
                     <td id="2"><![CDATA[特性1]]></td>
                     <td id="3"><![CDATA[特性2]]></td>    
                     <td id="4"><![CDATA[特性3]]></td>
                     <td id="5"><![CDATA[特性4]]></td>        
                 </tr>                        
             </table>     
             </second_title>
         </first_title>           
     </network_summarize>



原创粉丝点击