转至繁体中文版　　　  | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告：     敏韬网|教学资源学习资料永久免费分享站！  [mintao  2008年9月2日]        
您现在的位置： 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
Xml_javascript分页(2)    热     ★★★★

Xml_javascript分页(2)

作者：闵涛 文章来源：闵涛的学习笔记 点击数：606 更新时间：2009/4/23 11:18:46
     function addRow(i,dataGridId,arr)
  {
   var row=document.createElement("tr");
   var cell=createCellWidthText(i);
   row.appendChild(cell);
   for(var j=0;j<arr.length;j++)
   {
   cell=createCellWidthText(arr[j]);
   row.appendChild(cell);
   }
   document.getElementById(dataGridId).firstChild.appendChild(row);
  }
  function createCellWidthText(text)
  {
   var cell = document.createElement("td");
   var textNode = document.createTextNode(text);
   cell.appendChild(textNode);
   return cell;
  }
  function clearRow(obj)
  {
   var table=document.getElementById(obj);
   var nodeTbody=table.firstChild
   var length=nodeTbody.childNodes.length;
   for(var i=length-1;i>0;i--)
   {
   nodeTbody.removeChild(nodeTbody.childNodes[i]);
   }
  }
  </script>
   <form id="form1" runat="server">
   <div>
   <table align="center" style="border-right: #0033ff thin solid; border-top: #0033ff thin solid;
   border-left: #0033ff thin solid; width: 650px; border-bottom: #0033ff thin solid">
   <tr>
   <td>
   共<input id="txtPageCount" name="txtPageCount" style="width: 33px; color: #0000ff; border-top-style: none; border-right-style: none; border-left-style: none; background-color: transparent; border-bottom-style: none;" type="text" onkeydown="toPage()"/>页/
   <input id="txtRecordCount" name="txtRecordCount" style="width: 46px; color: #3300ff; border-top-style: none; border-right-style: none; border-left-style: none; background-color: transparent; border-bottom-style: none;" type="text" onkeydown="toPage()"/>条记录
   <input id="btnFirst" type="button" value="首页" onclick="onFirst()"/>
   <input id="btnPrev" type="button" value="上一页" onclick="onPrev()"/>
   <input id="btnNext" type="button" value="下一页" onclick="onNext()"/>
   <input id="btnLast" type="button" value="尾页" onclick="onLast()"/>
   第<input id="txtCurrPage" name="txtCurrPage" style="width: 46px; color: #ff3333;" type="text" onkeydown="toPage()"/>
   页(当前页<input id="txtCurrPageRecord" name="txtCurrPageRecord" style="width: 22px; color: #ff3333; border-top-style: none; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none;" type="text" onkeydown="toPage()"/>条记录）</td>
   </tr>
   <tr>
   <td>
    <table width="100%" id="myTable">
   <tr style="background-color:Yellow">
   <td style="width: 34px; height: 21px;">
   Id</td>
   <td style="width: 34px; height: 21px;">
   序号</td>
   <td style="width: 42px; height: 21px;">
   工号</td>
   <td style="width: 36px; height: 21px;">
   姓名</td>
   <td style="width: 39px; height: 21px;">
   性别</td>
   <td style="width: 43px; height: 21px;">
   部门</td>
   <td style="width: 50px; height: 21px;">
   职位</td>
   <td style="width: 100px; height: 21px;">
   地址</td>
   </tr>
   </table>
   </td>
   </tr>
   </table>
  
   </div>
   </form>
  </body>
  </html>
  演示：http://home.goofar.com/lkc311/Default.htm
    


[Web开发]用PHP实现Javascript的escape(),unescape()的方法  [网页制作]Javascript获取各种浏览器可见窗口大小
[网页制作]Javascript 表单之间的数据传递  [网页制作]用 Javascript 写的一个映射表类
[网页制作]Javascript 编写的文字放大效果  [网页制作]在CSS样式表里使用JavaScript
[网页制作]Javascript +CSS横向三级导航菜单  [网页制作]CSS+JavaScript打造超酷右键菜单
[网页制作]CSS+JavaScript打造超酷右键菜单(2)  [网页制作]CSS+javascript特效赏析
教程录入：mintao    责任编辑：mintao 
  • 上一篇教程：

  • 下一篇教程：
    • 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    　 注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！ 本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]
    　　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
    		•
    赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题，因而无法显示。
    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长：MinTao ICP备案号：鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网。A打造B、C、D……
    		咸宁网络警察报警平台