SoFunction
Updated on 2025-04-03

Javascript+xml technology to implement pagination browsing


<!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=""> 
<link rel="stylesheet" href="../" type="text/css"> 
</HEAD> 
<BODY> 
<script language="javascript"> 
//******************Variable related definition*********************
//* author:Haizai *
//* Email:rautinee@ * 
//*This program can be freely spread and used, but please be sure to retain this information*
//**************************************** 
var pagenum=4; //How many pieces of information are displayed on each page
var page=0 ; 
var contpage ; 
var BodyText=""; 
var xmlDoc = new ActiveXObject(""); 
var mode="member"; 
var toolBar; 
="false" 
("") 
//****************** This place is changed based on the actual field name you obtained.
header="<TABLE border=1><tr><td>Name</td><td>Icon</td><td>IP Address</td><td>email</td><td></td><td>Date</td><td></td></td></tr>";
//Number of retrieved records
maxNum = (mode).length 
//Number of columns per record
 column=(mode).item(0).childNodes 
//Number of columns per record
 colNum= 
//Number of pages
 pagesNumber=(maxNum/pagenum)-1; 
 pagesNumber2=(maxNum/pagenum); 
//Previous page
function UpPage(page) 

thePage="Previous page";
if(page+1>1) thePage="<A HREF='#' onclick='Javascript:return UpPageGo()'>Previous page</A>";
 return thePage; 

function NextPage(page) 

thePage="Last Page";
if(page<pagesNumber) thePage="<A HREF='#' onclick='Javascript:return NextPageGo()'>Last Page</A>";
 return thePage; 

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

//The current number of pages
function currentPage() 

 var cp; 
cp="currently the "+(page+1)+" page";
 return cp; 

//Total number of pages
function allPage() 

 var ap; 
ap='Total '+(pagesNumber+1)+' pages';
 return ap 

function NextPageGo() 

if (page<pagesNumber) page++; 
getContent(); 
 BodyText=""; 

//Show the paging status bar
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([].value)'>"; 
 //sp="<select name='hehe' onChange='alert([].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=(m).tagName; 
 BodyText=BodyText+("<TD>"+(mName).item(n).text+"</TD>"); 
 } 
 BodyText=BodyText+"</TR>" 
 mm=""; 
 } 
 =BodyText+"</table>"+pageBar(page); 
BodyText="" 

</script> 
<div ></div> 
<script> 
if (maxNum==0) 
 { 
("No suitable talent information was retrieved")
 } 
 else 
 { 
 getContent() 
 } 
</script> 
</BODY> 
</HTML>