xml paging实战

最新推荐文章于 2024-11-08 09:48:14 发布

DeepMinder

最新推荐文章于 2024-11-08 09:48:14 发布

阅读量1.1k

点赞数

分类专栏：常用脚本文章标签： xml function javascript generator header html

常用脚本专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>

//alert(19/4);
//custom add
var strXML,xmlhead,xmlnode;
xmlhead = '<?xml version="1.0" encoding="GB2312"?>'+schar;
xmlnode = '';
xmlnode = '<rautinee><member id="1"><name>海仔</name><loginName>rautinee</loginName><email>rautinee@btamail.net.cn</email></member><member id="2"><name>刚强</name><loginName>hehe</loginName><email>rautinee@chinamanagers.com</email></member>'+
'<member id="3">'+
'<name>金华刚</name>'+
'<loginName>nature_it</loginName>'+
'<email>rautinee_sea@hotmail.com</email></member>'+
'<member id="4">'+
'<name>的简强</name>'+
'<loginName>tank</loginName>'+
'<email>tank@163.com</email></member>'+
'<member id="7">'+
'<name>合资</name>'+
'<loginName>kaka</loginName>'+
'<email>kaka@eyou.com</email></member>'+
'<member id="6">'+
'<name>加个人</name>'+
'<loginName>apple</loginName>'+
'<email>apple@163.com</email></member>'+
'<member id="8">'+
'<name>null</name>'+
'<loginName>sunny</loginName>'+
'<email>rautinee@eyou.com</email></member>'+
'<member id="10">'+
'<name>宝贝</name>'+
'<loginName>index</loginName>'+
'<email>rautinee@21cn.com</email></member>'+
'<member id="12">'+
'<name>null</name>'+
'<loginName>login</loginName>'+
'<email>webmaster@chinamanagers.com</email></member>'+
'<member id="13">'+
'<name>jiang</name>'+
'<loginName>123</loginName>'+
'<email>japing@chianmanagers.com</email></member>'+
'<member id="14">'+
'<name>null</name>'+
'<loginName>world</loginName>'+
'<email>rautinee@21cn.com</email></member>'+
'<member id="15">'+
'<name>null</name>'+
'<loginName>swallow</loginName>'+
'<email>swallow@chinamanagers.com</email></member>'+
'<member id="16">'+
'<name>魏格</name>'+
'<loginName>hotmail</loginName>'+
'<email>rautinee_sea@hotmail.com</email></member>'+
'<member id="17">'+
'<name>null</name>'+
'<loginName>wrong</loginName>'+
'<email>wrong@chinamanagers.com</email></member>'+
'<member id="18">'+
'<name>null</name>'+
'<loginName>leah</loginName>'+
'<email>leah@chinamanagers.com</email></member>'+
'<member id="19">'+
'<name>null</name>'+
'<loginName>ttth</loginName>'+
'<email>rautinee@21cn.com</email></member>'+
'</rautinee>';

strXML = xmlhead + xmlnode;
xmlDoc.loadXML(strXML);
alert(xmlDoc.xml);

//custom add

//***************这个地方是你根据实际取得的字段名称来改了
header="<TABLE border=1><tr><td>姓名</td><td>图标</td><td>IP地址</td><td>email</td><td></td><td>日期</td><td></td><td></td></tr>";

//检索的记录数
maxNum = xmlDoc.getElementsByTagName(mode).length
　　//每条记录的列数
　　column=xmlDoc.getElementsByTagName(mode).item(0).childNodes
　　//每条记录的列数
　　colNum=column.length
　　//页数
　　pagesNumber=Math.ceil(maxNum/pagenum)-1;
　　pagesNumber2=Math.ceil(maxNum/pagenum);
　　
　
//上一个页面
function UpPage(page)
{
　　thePage="前一页";
　　if(page+1>1) thePage="<A HREF='#' οnclick='Javascript:return UpPageGo()'>前一页</A>";
　　return thePage;
}
function NextPage(page)
{
　　thePage="后一页";
　　if(page<pagesNumber) thePage="<A HREF='#' οnclick='Javascript:return NextPageGo()'>后一页</A>";
　　return thePage;
}

function UpPageGo(){

if(page>0) page--;
　　getContent();
　　BodyText="";

}
//当前的页数
function currentPage()
{
　　var cp;
　　cp="当前是第 "+(page+1)+" 页";
　　return cp;
}
//总共的页数
function allPage()
{
　　var ap;
　　ap='总共 '+(pagesNumber+1)+' 页';
　　return ap
}
function NextPageGo()
{
if (page<pagesNumber) page++;

　　getContent();
　　BodyText="";
}

//显示分页状态栏
function pageBar(page)
{
　　var pb;
　　pb=UpPage(page)+"　"+NextPage(page)+"　"+currentPage()+"　"+allPage()+selectPage();
　　return pb;
}
function changePage(tpage)
{　　

　　page=tpage
　　if(page>=0) page--;
　　if (page<pagesNumber) page++;
　　getContent();
　　BodyText="";
}
function selectPage()
{
　　var sp;
　　sp="<select name='hehe' onChange='javascript:changePage(this.options[this.selectedIndex].value)'>";
　　//sp="<select name='hehe' onChange='alert(this.options[this.selectedIndex].value)'>";
　　sp=sp+"<option value=''></option>";
　　for (t=0;t<=pagesNumber;t++)
　　{
　　　　sp=sp+"<option value='"+t+"'>"+(t+1)+"</option>";
　　}
　　sp=sp+"</select>"
　　return sp;
}

function getContent()
{

　　　　if (!page) page=0;
　　　　n=page*pagenum;
　　　　endNum=(page+1)*pagenum;
　　　　if (endNum>maxNum) endNum=maxNum;
　　　　BodyText=header+BodyText;
　　　　for (;n<endNum;n++)
　　　　{
　　　　　　
　　　　　　BodyText=BodyText+"<TR>";
　　　　　　　　for (m=0;m<=colNum-1;m++)
　　　　　　　　{　　
　　　　　　　　　　mName=column.item(m).tagName;
　　　　　　　　　　BodyText=BodyText+("<TD>"+xmlDoc.getElementsByTagName(mName).item(n).text+"</TD>");
　　　　　　　　}
　　　　　　BodyText=BodyText+"</TR>"
　　　　　　mm="";
　　　　　　}
　　　　　　showhtml.innerHTML=BodyText+"</table>"+pageBar(page);

BodyText=""
}
</script>

<div id="showhtml"></div>
<script language="javascript">
if (maxNum==0)
　　　　{
　　　　　　document.write("没有检索到合适的人才信息")
　　　　}
　　else
　　　　{
　　　　　　getContent()
　　　　}
</script>

</BODY>
</HTML>