XML数据岛的综合应用实例

最新推荐文章于 2016-09-18 21:02:00 发布

cuirqiang

最新推荐文章于 2016-09-18 21:02:00 发布

阅读量1.9k

点赞数

分类专栏： w3c技术文章标签： xml input button border function javascript

本文链接：https://blog.csdn.net/cuirqiang/article/details/6122024

版权

w3c技术专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!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>