| 网站首页 | 文章中心 | 设计欣赏 | 下载中心 | 设计咨讯 | 平面设计 | 二维|三维 | 网页制作 | NIIT论坛 | 酷站! | 
    您现在的位置: 卓越设计网 >> 网页制作 >> Javascript >> 网页制作正文
javascript+XML实现分页的实例           
javascript+XML实现分页的实例
作者:网站建设 文章来源:网页制作 点击数: 更新时间:2007-5-15 10:46:53

<xml id="users">
<userGroup>
  <user id="1">
    <userid>user 1</userid>
    <name>name 1</name>
  </user>
  <user id="2">
    <userid>user 2</userid>
    <name>name 2</name>
  </user>
  <user id="3">
    <userid>user 3</userid>
    <name>name 3</name>
  </user>
  <user id="4">
    <userid>user 4</userid>
    <name>name 4</name>
  </user>
  <user id="5">
    <userid>user 5</userid>
    <name>name 5</name>
  </user>
  <user id="6">
    <userid>user 6</userid>
    <name>name 7</name>
  </user>
  <user id="7">
    <userid>user 7</userid>
    <name>name 7</name>
  </user>
  <user id="8">
    <userid>user 8</userid>
    <name>name 8</name>
  </user>
  <user id="9">
    <userid>user 9</userid>
    <name>name 9</name>
  </user>
</userGroup>
</xml>
<table id="datatable" datasrc="#users" DATAPAGESIZE="3" width="400" border="1">
<thead>
    <th>数据 userid</th>
    <th>数据 name</th>
    <th>属性 id</th>
</thead>
<tr>
    <td><span datafld="userid"></span></td>
    <td><span datafld="name"></span></td>
    <td><span datafld="id"></span></td>
</tr>
</table>
<button onclick="document.all.datatable.previousPage()">Previous Page</button>
<button onclick="document.all.datatable.nextPage()">Next Page</button>

直接复制成.htm就行

如果你的xml在外部,则要引用xml,如

<xml id="users" src="user.xml">
</xml>

如果你要添加超链接在(td)文本中,则使用

<a datafld="useid" onmouseover="if(this.changged ==  null) { this.href ='###.aspx?'+this.href; this.changed=true}"><span datafld="name"></sapn></a>


网页制作录入:as8130239    责任编辑:as8130239 
  • 上一篇网页制作:

  • 下一篇网页制作: 没有了
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网站
    导航
        最新图片
       推荐信息
       最 新 热 门
        最 新 推 荐
        相 关 文 章
    没有相关网页制作