飞艳小屋

程序--人生--哲学___________________欢迎艳儿的加入

BlogJava 首页 新随笔 联系 聚合 管理
  52 Posts :: 175 Stories :: 107 Comments :: 0 Trackbacks

<!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=gbk">

<link rel="stylesheet" type="text/css" id="css" href="./css.css">
<script language="javascript" type="text/javascript" src="datepicker/WdatePicker.js"></script>
<link href="datepicker/default/datepicker.css" rel="stylesheet" type="text/css">

<SCRIPT language="JavaScript">
<!--
function addOneLine() {   
        var newTable=document.getElementById("LineTable");
        var newRow = newTable.insertRow();

 oneCell = newRow.insertCell(0);
        oneCell.innerHTML = "<p><select name=\"begin1\"><option value=\"0\">0</option><option value=\"1\">1</option><option value=\"2\">2</option><option value=\"3\">3</option><option value=\"4\">4</option><option value=\"5\">5</option><option value=\"6\">6</option><option value=\"7\">7</option><option value=\"8\">8</option><option value=\"9\" selected=\"true\">9</option><option value=\"10\">10</option><option value=\"11\">11</option><option value=\"12\">12</option><option value=\"13\">13</option><option value=\"14\">14</option><option value=\"15\">15</option><option value=\"16\">16</option><option value=\"17\">17</option><option value=\"18\">18</option><option value=\"19\">19</option><option value=\"20\">20</option><option value=\"21\">21</option><option value=\"22\">22</option><option value=\"23\">23</option></select><select name=\"begin2\"><option value=\"0\">00</option><option value=\"30\">30</option></select>---<select name=\"end1\"><option value=\"0\">0</option><option value=\"1\">1</option><option value=\"2\">2</option><option value=\"3\">3</option><option value=\"4\">4</option><option value=\"5\">5</option><option value=\"6\">6</option><option value=\"7\">7</option><option value=\"8\">8</option><option value=\"9\">9</option><option value=\"10\">10</option><option value=\"11\">11</option><option value=\"12\">12</option><option value=\"13\">13</option><option value=\"14\">14</option><option value=\"15\">15</option><option value=\"16\">16</option><option value=\"17\" selected=\"true\">17</option><option value=\"18\">18</option><option value=\"19\">19</option><option value=\"20\">20</option><option value=\"21\">21</option><option value=\"22\">22</option><option value=\"23\">23</option></select><select name=\"end2\"><option value=\"0\">00</option><option value=\"30\" selected=\"true\">30</option></select></p>";
        oneCell.className="datath"

        oneCell = newRow.insertCell(1);
        oneCell.innerHTML = "<select name=\"workType\"><option value=\"1\">开发</option><option value=\"2\">学习</option><option value=\"3\">讨论</option></select>";
        oneCell.className="datath"

 oneCell = newRow.insertCell(2);
        oneCell.innerHTML = "<input name=\"textfield\" type=\"text\" size=\"35\" />";
        oneCell.className="datath"
       

 oneCell = newRow.insertCell(3);
        oneCell.innerHTML = "<input type=\"button\" name=\"btn13\" value=\"删除\" class=\"button\" onmouseover=\"this.className=\'button_hover\'\" onclick=\"delOneLine(this);\" onmouseout=\"this.className=\'button\'\" />";
        oneCell.className="datath"
       
    }

    function delOneLine(obj) {
        if ( confirm("确认要删除吗?") ) {

            var mytable1 = self.document.all.LineTable;
            mytable1.deleteRow(obj.parentNode.parentNode.rowIndex);

        }
        return false;
    }
//-->
</SCRIPT>
</head>

<body style="margin:5px!important;margin:3px;">
<div id="position">
默认页面
</div>
<div class="pannel">
 <div class="title">日报</div>
 <div class="subtitle">
<form name="form1">  
<div class="tabber" id="mytabber1" style="text-align:center; margin-bottom:5px;">
       
<div class="tabbertab" style="background-color:#2D73AC; width:98%">
            <table width="100%" border="0" cellspacing="1" cellpadding="0" style="padding-left:2px;" id="LineTable">
              <tr style="background-color:white;">
                <th width="39%" class="datath">工作时间<input name="text2223" type="text" class="Wdate" onfocus="new WdatePicker(this)" value="2007-01-01"/></th>
                <th class="datath" width="10%">工作类型</th>
                <th class="datath" width="39%">工作内容</th>
  <th class="datath">
  <input type="button" name="btn12" value="添  加" class="button" onclick="addOneLine();" onmouseover="this.className='button_hover'" onmouseout="this.className='button'" /></th>
              </tr>
              <tr style="background-color:white;">
                <th class="datath" align="left"><p>
                  <select name="select">
                  <option value="0">0</option>
                  <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
                  <option value="8">8</option>
      <option value="9" selected="true">9</option>
      <option value="10">10</option>
      <option value="11">11</option>
      <option value="12">12</option>
      <option value="13">13</option>
      <option value="14">14</option>
      <option value="15">15</option>
      <option value="16">16</option>
      <option value="17">17</option>
      <option value="18">18</option>
      <option value="19">19</option>
      <option value="20">20</option>
      <option value="21">21</option>
      <option value="22">22</option>
      <option value="23">23</option>
                  </select><select name="select2">
                  <option value="1">00</option>
      <option value="2">30</option>
                  </select>---<select name="select3">
                  <option value="0">0</option>
                  <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
                  <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
      <option value="11">11</option>
      <option value="12">12</option>
      <option value="13">13</option>
      <option value="14">14</option>
      <option value="15">15</option>
      <option value="16">16</option>
      <option value="17" selected="true">17</option>
      <option value="18">18</option>
      <option value="19">19</option>
      <option value="20">20</option>
      <option value="21">21</option>
      <option value="22">22</option>
      <option value="23">23</option>
                  </select><select name="select4">
                  <option value="1">00</option>
      <option value="2"  selected="true">30</option>
                  </select></p>
                </th>
                <th class="datath" align="left">
                      <select name="workType">
<option value="1">开发</option>
<option value="2">学习</option>
<option value="3">讨论</option>
                      </select></th>
                <th class="datath" align="left">
                  <input name="textfield" type="text" size="35" /></th>
                  <th class="datath" align="left">
   <input type="button" name="btn13" value="删除" class="button" onmouseover="this.className='button_hover'" onclick="delOneLine(this);" onmouseout="this.className='button'" /></th>
              </tr>
            </table>
        </div>
   </div>
   <div style="padding-top:5px; padding-bottom:10px; vertical-align: middle; text-align:center;">
    <input type="button" name="btn122" value="确  定" class="button" onmouseover="this.className='button_hover'" onmouseout="this.className='button'" />
  </div>
 </form>
  </div>
 <div class="clearboth"></div>
</div>
<div class="pannel">
 <div class="title">查询</div>
 <div class="subtitle">
 <form name="form1">
   <div style="float:right; padding-right:10px; vertical-align: middle;">
 <select name="s1">
  <option selected="selected">日期范围</option>
  <option>一周</option>
  <option>两周</option>
  <option>一月</option>
  <option>一季</option>
  <option>半年</option>
  <option>一年</option>
 </select>
 <input name="text222" type="text" class="Wdate" onfocus="new WdatePicker(this)" value="2007-01-01"/>
 -
 <input name="text2222" type="text" class="Wdate" onfocus="new WdatePicker(this)" value="2007-01-01"/>
 <input type="button" name="btn1" value="查询" class="button" onMouseOver="this.className='button_hover'" onMouseOut="this.className='button'" />
   </div>
 </form>
 </div>
<div style="text-align:center; margin-bottom:5px;">
 <div style="background-color:#2D73AC; width:98%">
<table width="100%" border="0" cellspacing="1" cellpadding="0" style="padding-left:2px;">
  <tr  style="background-color:white;">
    <th width="20%" class="datath">序号</th>
    <th width="30%" class="datath">日期</th>
    <th class="datath">日报内容</th>
  </tr>
  <tr  style="background-color:white;">
    <td>00000001</td>
    <td>2007-02-02</td>
    <td>软件开发</td>
  </tr>
  <tr  style="background-color:white;">
    <td>00000001</td>
    <td>2007-02-02</td>
    <td>学习JAVA</td>
  </tr>
  <tr  style="background-color:white;">
    <td>00000001</td>
    <td>2007-02-02</td>
    <td>&nbsp;</td>
  </tr>
  <tr style="background-color:white;">
    <td>00000001</td>
    <td>2007-02-02</td>
    <td valign="bottom">&nbsp;</td>
  </tr>
  <tr style="background-color:white;">
    <td>00000001</td>
    <td>2007-02-02</td>
    <td valign="bottom">&nbsp;</td>
  </tr>
  <tr style="background-color:white;">
    <td>00000001</td>
    <td>2007-02-02</td>
    <td valign="bottom">&nbsp;</td>
  </tr>
  <tr style="background-color:white;">
    <td>00000001</td>
    <td>2007-02-02</td>
    <td valign="bottom">&nbsp;</td>
  </tr>
  <tr style="background-color:white;">
    <td>00000001</td>
    <td>2007-02-02</td>
    <td valign="bottom">&nbsp;</td>
  </tr>
  <tr style="background-color:white;">
    <td>00000001</td>
    <td>2007-02-02</td>
    <td valign="bottom">&nbsp;</td>
  </tr>
  <tr style="background-color:white;">
    <td>00000001</td>
    <td>2007-02-02</td>
    <td valign="bottom">&nbsp;</td>
  </tr>
</table>
 </div>
</div>
 <div class="page">|&lt; &lt;&lt; 1 2 3 4 5 6 7 8 9 10 &gt;&gt; &gt;|
  
 </div>
 <div class="clearboth"></div>
</div>

</body>
</html>

posted on 2007-02-12 12:19 天外飞仙 阅读(391) 评论(0)  编辑  收藏 所属分类: javaScript

只有注册用户登录后才能发表评论。


网站导航: