html获取xml分页,使用javascript+dom+xml实现分页

共有两个文件tmh.htm & tt.xml

源代码如下：

tmh.htm

___________________________________________________

New Document

//****************变量相关定义**************

//* author:海仔 *

//* Email:rautinee@21cn.com *

//*本程序可自由传播使用，但请务必保留此信息 *

//****************************************

var pagenum=4; //每页显示几条信息

var page=0 ;

var contpage ;

var BodyText="";

var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");

var mode="member";

var toolBar;

xmlDoc.async="false"

xmlDoc.load("tt.xml")

//***************这个地方是你根据实际取得的字段名称来改了

header="

姓名

图标

IP地址

email

日期

//检索的记录数

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="前一页";

return thePage;

}

function NextPage(page)

{

thePage="后一页";

if(page

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

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

getContent();

BodyText="";

}

function selectPage()

{

var sp;

sp="";

//sp="";

sp=sp+"";

for (t=0;t<=pagesNumber;t++)

{

sp=sp+""+(t+1)+"";

}

sp=sp+""

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

{

BodyText=BodyText+"

";

for (m=0;m<=colNum-1;m++)

{

mName=column.item(m).tagName;

BodyText=BodyText+("

"+xmlDoc.getElementsByTagName(mName).item(n).text+"");

}

BodyText=BodyText+"

"

mm="";

}

showhtml.innerHTML=BodyText+"

"+pageBar(page);

BodyText=""

}

if (maxNum==0)

{

document.write("没有检索到合适的人才信息")

}

else

{

getContent()

}

//下面是tt.xml的代码

海仔

rautinee

rautinee@btamail.net.cn

刚强

hehe

rautinee@chinamanagers.com

金华刚

nature_it

rautinee_sea@hotmail.com

的简强

tank

tank@163.com

合资

kaka

kaka@eyou.com

加个人

apple

apple@163.com

null

sunny

rautinee@eyou.com

宝贝

index

rautinee@21cn.com

null

login

webmaster@chinamanagers.com

jiang

123

japing@chianmanagers.com

null

world

rautinee@21cn.com

null

swallow

swallow@chinamanagers.com

魏格

hotmail

rautinee_sea@hotmail.com

null

wrong

wrong@chinamanagers.com

null

leah

leah@chinamanagers.com

null

ttth

rautinee@21cn.com

posted on 2007-10-09 09:55 lk 阅读(227) 评论(0)  编辑  收藏