BlogJava-laoding-文章分类-js相关http://www.blogjava.net/laoding/category/35778.html本来我以为，隐身了别人就找不到我，没有用的，像我这样拉风的男人，无论走到哪里，都像在黑暗中的萤火虫一样，那样的鲜明，那样的出众。我那忧郁的眼神，稀疏的胡茬，那微微隆起的将军肚和亲切的笑容......都深深吸引了众人...... zh-cnSat, 23 May 2009 19:00:15 GMTSat, 23 May 2009 19:00:15 GMT60得到复选框(checkbox)的值http://www.blogjava.net/laoding/articles/277254.html老丁老丁Fri, 22 May 2009 03:07:00 GMThttp://www.blogjava.net/laoding/articles/277254.htmlhttp://www.blogjava.net/laoding/comments/277254.htmlhttp://www.blogjava.net/laoding/articles/277254.html#Feedback0http://www.blogjava.net/laoding/comments/commentRss/277254.htmlhttp://www.blogjava.net/laoding/services/trackbacks/277254.html<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>查看复选框ID</title>
<script type="text/javascript">
    function getCheckboxId(){//得到复选框ID的js函数
        var c = document.getElementsByName('checkbox');
            var counter = 0;
            var idArray = new Array();//把ID放在数组里面
            for(var i = 0;i<c.length;i++){
              if(c[i].checked){
                idArray[i]=c[i].value;
                counter++;
              }
            }
            if(counter ==0){
              alert('请选择记录！');
              return false;
            }
            alert(idArray);
    }
    
    function gotoCheckAll(){//选中或者取消全部选择项
        if(document.getElementById("checkAll").checked){
            var c = document.getElementsByName('checkbox');
            for(var i = 0;i<c.length;i++){
                c[i].checked ="checked";
            }
        }else{
            var c = document.getElementsByName('checkbox');
            for(var i = 0;i<c.length;i++){
                c[i].checked ="";
            }
        }
    }
</script>
</head>
<body>
<!--一个有几条数据的表格-->
<table width="100%" align="center"  border="1" bordercolor="#adc9d7" bordercolordark="#FFFFFF" cellspacing="0"
            cellpadding="0">
            <tr>
                <td width="5%" class="table_title" align="center">
                    <input type="checkbox" name="checkAll" id="checkAll"  onclick="gotoCheckAll();" />
                </td>
                
                <td width="15%" class="table_title" align="center">
                    用户名
                </td>
            </tr>
            <tr bgcolor="white">
                    <td align="center">
                        <input type="checkbox" name="checkbox" value="1" />
                    </td>
                    <td align="center">
                        &nbsp;ding1
                    </td>
            </tr>
            <tr bgcolor="white">
                    <td align="center">
                        <input type="checkbox" name="checkbox" value="2" />
                    </td>
                    <td align="center">
                        &nbsp;ding2
                    </td>
            </tr>
            <tr bgcolor="white">
                    <td align="center">
                        <input type="checkbox" name="checkbox" value="3" />
                    </td>
                    <td align="center">
                        &nbsp;ding3
                    </td>
            </tr>
        </table>
        <br />
        <center><input type="button" value="查看ID" onclick="getCheckboxId();"/></center>
</body>
</html>

老丁 2009-05-22 11:07 发表评论
]]>得到单选框(radio)的值http://www.blogjava.net/laoding/articles/277253.html老丁老丁Fri, 22 May 2009 03:06:00 GMThttp://www.blogjava.net/laoding/articles/277253.htmlhttp://www.blogjava.net/laoding/comments/277253.htmlhttp://www.blogjava.net/laoding/articles/277253.html#Feedback0http://www.blogjava.net/laoding/comments/commentRss/277253.htmlhttp://www.blogjava.net/laoding/services/trackbacks/277253.html 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>查看单选框ID</title>
<script type="text/javascript">
    function getRadioId(){//得到单选框ID的js函数
        var c = document.getElementsByName('radio');
            var counter = 0;
            var j;
            for(var i = 0;i<c.length;i++){
              if(c[i].checked){
                counter++;
                j = i;
              }
            }
            if(counter ==0){
              alert('请选择记录！');
              return false;
            }
            var id = c[j].value;
            alert(id);
    }
</script>
</head>
<body>
<!--一个有几条数据的表格-->
<table width="100%" align="center"  border="1" bordercolor="#adc9d7" bordercolordark="#FFFFFF" cellspacing="0"
            cellpadding="0">
            <tr>
                <td width="5%" class="table_title" align="center">
                    选择
                </td>
                
                <td width="15%" class="table_title" align="center">
                    用户名
                </td>
            </tr>
            <tr bgcolor="white">
                    <td align="center">
                        <input type="radio" name="radio" value="1" />
                    </td>
                    <td align="center">
                        &nbsp;ding1
                    </td>
            </tr>
            <tr bgcolor="white">
                    <td align="center">
                        <input type="radio" name="radio" value="2" />
                    </td>
                    <td align="center">
                        &nbsp;ding2
                    </td>
            </tr>
            <tr bgcolor="white">
                    <td align="center">
                        <input type="radio" name="radio" value="3" />
                    </td>
                    <td align="center">
                        &nbsp;ding3
                    </td>
            </tr>
        </table>
        <br />
        <center><input type="button" value="查看ID" onclick="getRadioId();"/></center>
</body>
</html>


老丁 2009-05-22 11:06 发表评论
]]>表单有数据的重置按钮功能http://www.blogjava.net/laoding/articles/239004.html老丁老丁Thu, 06 Nov 2008 04:56:00 GMThttp://www.blogjava.net/laoding/articles/239004.htmlhttp://www.blogjava.net/laoding/comments/239004.htmlhttp://www.blogjava.net/laoding/articles/239004.html#Feedback0http://www.blogjava.net/laoding/comments/commentRss/239004.htmlhttp://www.blogjava.net/laoding/services/trackbacks/239004.html
下面是JS代码：

   function clearForm() {  
                
                var formObj = document.forms[0];   
             var formEl = formObj.elements;     
             for (var i=0; i<formEl.length; i++) 
                 { 
                     var element = formEl[i];         
                     if (element.type == 'submit') { continue; }        
                     if (element.type == 'reset') { continue; }        
                     if (element.type == 'button') { continue; }      
                     if (element.type == 'hidden') { continue; }   
                     if (element.type == 'text') { element.value = ''; }  
                     if (element.type == 'textarea') { element.value = ''; }         
                     if (element.type == 'checkbox') { element.checked = false; }         
                     if (element.type == 'radio') { element.checked = false; }         
                     if (element.type == 'select-multiple') { element.selectedIndex = -1; } 
                     if (element.type == 'select-one') { element.selectedIndex = -1; }     
                } 
        }

接下来是form：

<form method="post" action="">      
        <input type="text" value="解决方案" size="30" /> <br />     
            <textarea name="" rows="3" cols="30">textarea</textarea> <br /> 
                a<input type="checkBox" name="a" value="a" />     
                b<input type="checkBox" name="a" value="b" checked="checked" />     
                c<input type="checkBox" name="a" value="c" checked="checked" />     
                d<input type="checkBox" name="a" value="d" />     
                e<input type="checkBox" name="a" value="e" /> <br />     
                2<input type="radio" name="b" value="2" />     
                3<input type="radio" name="b" value="3" checked="checked" /><br />      
            test1:<select name="" multiple="multiple">         
                <option value="11111111">11111111</option>         
                <option value="22222222" selected="selected">22222222</option>         
                <option value="33333333" selected="selected">33333333</option>         
                <option value="44444444">44444444</option>         
                <option value="55555555">55555555</option>    
             </select>      
             <br /><br />      
            test2:<select name="">         
                <option value="11">11</option>         
                <option selected="selected">22</option>         
                <option value="33">33</option>         
                <option value="44">44</option>         
                <option value="55">55</option>     
            </select>      
            <br /><br />      
            <input type="submit" value="Submit" />     
            <input type="reset" value="Reset" />     
            <input type="button" value="Button" />      
            <input type="button" value="Javascript Clear" onclick="clearForm()" />  
    </form>


试试吧，让我们一起来感谢那位仁兄！！

老丁 2008-11-06 12:56 发表评论
]]>直接在web页面上显示当前时间的jshttp://www.blogjava.net/laoding/articles/238976.html老丁老丁Thu, 06 Nov 2008 02:56:00 GMThttp://www.blogjava.net/laoding/articles/238976.htmlhttp://www.blogjava.net/laoding/comments/238976.htmlhttp://www.blogjava.net/laoding/articles/238976.html#Feedback0http://www.blogjava.net/laoding/comments/commentRss/238976.htmlhttp://www.blogjava.net/laoding/services/trackbacks/238976.html <script type="text/javascript">
                                                  var week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
                                                  var today = new Date();
                                                  document.write("今天是: ");
                                                  document.write(today.getFullYear());
                                                  document.write("年");
                                                  document.write(today.getMonth()+1);
                                                  document.write("月");
                                                  document.write(today.getDate());
                                                  document.write("日 ");
                                                  document.write(week[today.getDay()]);
                                              </script>
显示如下：
今天是: 2008年11月6日 星期四

老丁 2008-11-06 10:56 发表评论
]]>用struts动态实现JavaScript树型菜单的简单例子http://www.blogjava.net/laoding/articles/228408.html老丁老丁Thu, 11 Sep 2008 09:14:00 GMThttp://www.blogjava.net/laoding/articles/228408.htmlhttp://www.blogjava.net/laoding/comments/228408.htmlhttp://www.blogjava.net/laoding/articles/228408.html#Feedback0http://www.blogjava.net/laoding/comments/commentRss/228408.htmlhttp://www.blogjava.net/laoding/services/trackbacks/228408.html
打开dtree.js

找到这里，可以看到这里改图片路径，看你自己想怎么显示了

this.icon = {
        root                : 'images/ico/root_main.gif',
        folder                : 'images/ico/folder_closed.gif',
        folderOpen            : 'images/ico/folder_open.gif',
        node                : 'images/ico/page.gif',
        empty                : 'images/ico/space.gif',
        line                : 'images/ico/line.gif',
        join                : 'images/ico/line_notlast.gif',
        joinBottom            : 'images/ico/line_last.gif',
        plus                : 'images/ico/plus_notlast.gif',
        plusBottom            : 'images/ico/plus_last.gif',
        minus                : 'images/ico/minus_notlast.gif',
        minusBottom            : 'images/ico/minus_last.gif',
        nlPlus                : 'images/ico/nolines_plus.gif',
        nlMinus                : 'images/ico/nolines_minus.gif'

    };


然后建好数据表

我的表如下图：


id :节点
pid：父节点
name：名称
url：地址


然后要做的就是在action里面得到这个表的所有信息并以list传出，这里就不再介绍

jsp页面

<html>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <%@ taglib uri="/WEB-INF/tld/struts-bean.tld" prefix="bean"%>
    <%@ taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html"%>
    <%@ taglib uri="/WEB-INF/tld/struts-logic.tld" prefix="logic"%>
    <%
    String root = request.getContextPath();
    %>
    <head>
        <title>TREE</title>

        <link href="css/dtree.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="js/dtree.js"></script>
        <style type="text/css">
<!--
body {
    background-color: #FFFFFF;
}
-->
</style>

    </head>

    <body>
        <div class="dtree">

            <script type="text/javascript">
  d = new dTree('d');

<logic:iterate id="list" name="list">
        d.add(<bean:write name="list" property="id"/>,<bean:write name="list" property="pid"/>,'<bean:write name="list" property="name"/>','<bean:write name="list" property="url"/>','','','','');
</logic:iterate>

  document.write(d);
  d.closeAll();
  d.openTo(4,false);
 
   </script>
        </div>
    </body>

</html>


下面解释下 d.add(9个参数) 这个方法

第一个参数，表示当前节点的ID
第二个参数，表示当前节点的父节点的ID,根节点的值为 -1
第三个参数，节点要显示的文字
第四个参数，节点的Url
第五个参数，鼠标移至该节点时节点的Title
第六个参数，节点的target
第七个参数，用做节点的图标,节点没有指定图标时使用默认值
第八个参数，用做节点打开的图标,节点没有指定图标时使用默认值
第九个参数，判断节点是否打开

详细的大家去看api

运行后就可以得到树了



大家看数据库就知道
a101、a102的父节点是a1
b1001的父节点是a101
b1002的父节点是 a102


完成了，很简单吧





老丁 2008-09-11 17:14 发表评论
]]>