XML数据岛的综合应用实例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<xml id="XMLDSO" src="book.xml"></xml>
<html>
<head>
 <title>分页分条显示书本信息</title>
</head>
<script language="JavaScript">
var pageno=1;
var objbook=XMLDSO.recordset;
function SelectRecord(Element)
{
//获取记录的列号
RecordNo=Element.parentElement.rowIndex;
//建立XML的RecordSet
objbook=XMLDSO.recordset;
//指定当前的位置
objbook.absoluteposition=RecordNo+(pageno-1)*tblbooks.dataPageSize;
//获取元素的值
title.innerHTML = objbook("title").value;
bookcategory.innerHTML = objbook("bookcategory").value;
ISBN.innerHTML = objbook("ISBN").value;
author.innerHTML = objbook("author").value;
publisher.innerHTML = objbook("publisher").value;
price.innerHTML = objbook("price").value;
remain.innerHTML = objbook("remain").value;
}
function pre_page()
{
if(pageno>1)
{
tblbooks.previousPage();
pageno=pageno-1;
}
}
function next_page()
{
if(pageno<objbook.RecordCount/tblbooks.dataPageSize)
{
 tblbooks.nextPage();
 pageno=pageno+1;
}
}
</script>
<body>
<center><b>分页显示图书信息</b></center>
<table id="tblbooks" datasrc="#XMLDSO" border="1" align="center" datapagesize="3">
  <thead>
     <th>书名</th>
     <th>类别</th>
     <th>书号</th>
     <th>作者</th>
     <th>出版社</th>
     <th>定价</th>
     <th>剩余量</th>
   </thead>
   <tr>
   <td οnclick=SelectRecord(this)><span datafld="title"></span></td>
   <td οnclick=SelectRecord(this)><span datafld="bookcategory"></span></td>
   <td οnclick=SelectRecord(this)><span datafld="ISBN"></span></td>
   <td οnclick=SelectRecord(this)><span datafld="author"></span></td>
   <td οnclick=SelectRecord(this)><span datafld="publisher"></span></td>
   <td οnclick=SelectRecord(this)><span datafld="price"></span></td>
   <td οnclick=SelectRecord(this)><span datafld="remain"></span></td>
   </tr>
</table>
<center>
    <input type="button" οnclick="pre_page()" value="上一页">
    <input type="button" οnclick="next_page()" value="下一页">
    每一页<input type="text" value="3" size="5" οnblur="tblbooks.dataPageSize=this.value;">笔      
</center>
<center>请单击上面感兴趣的图书行</center>
<hr/>
<center>单本图书信息:书名:<span id="title"></span></center>
<table border="1" align="center">
<tr>
  <td width="50%">
  分类:<span id="bookcategory"></span><br>
  书号:<span id="ISBN"></span><br>
  作者:<span id="author"></span><br>
  </td>
  <td width="50%">
  出版:<span id="publisher"></span><br>
  定价:<span id="price"></span><br>
  剩余:<span id="remain"></span><br>
  </td>
</tr>

 

</table>
</body>
</html>

 

执行效果如下:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值