共有两个文件tmh.htm&tt.xml
源代码如下：
tmh.htm
复制代码 代码如下:
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<HTML>
<HEAD>
<TITLE>NewDocument</TITLE>
<METANAME="Generator"CONTENT="EditPlus">
<METANAME="Author"CONTENT="">
<METANAME="Keywords"CONTENT="">
<METANAME="Description"CONTENT="">
<linkrel="stylesheet"href="../website.css"type="text/css">
</HEAD>
<BODY>
<scriptlanguage="javascript">
//****************变量相关定义**************
//*author:海仔*
//*Email:rautinee@21cn.com*
//*本程序可自由传播使用，但请务必保留此信息*
//****************************************
varpagenum=4;//每页显示几条信息
varpage=0;
varcontpage;
varBodyText="";
varxmlDoc=newActiveXObject("Microsoft.XMLDOM");
varmode="member";
vartoolBar;
xmlDoc.async="false"
xmlDoc.load("tt.xml")
//***************这个地方是你根据实际取得的字段名称来改了
header="<TABLEborder=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);
//上一个页面
functionUpPage(page)
{
thePage="前一页";
if(page+1>1)thePage="<AHREF='#'onclick='Javascript:returnUpPageGo()'>前一页</A>";
returnthePage;
}
functionNextPage(page)
{
thePage="后一页";
if(page<pagesNumber)thePage="<AHREF='#'onclick='Javascript:returnNextPageGo()'>后一页</A>";
returnthePage;
}
functionUpPageGo(){
if(page>0)page--;
getContent();
BodyText="";
}
//当前的页数
functioncurrentPage()
{
varcp;
cp="当前是第"+(page+1)+"页";
returncp;
}
//总共的页数
functionallPage()
{
varap;
ap='总共'+(pagesNumber+1)+'页';
returnap
}
functionNextPageGo()
{
if(page<pagesNumber)page++;
getContent();
BodyText="";
}
//显示分页状态栏
functionpageBar(page)
{
varpb;
pb=UpPage(page)+""+NextPage(page)+""+currentPage()+""+allPage()+selectPage();
returnpb;
}
functionchangePage(tpage)
{
page=tpage
if(page>=0)page--;
if(page<pagesNumber)page++;
getContent();
BodyText="";
}
functionselectPage()
{
varsp;
sp="<selectname='hehe'onChange='javascript:changePage(this.options[this.selectedIndex].value)'>";
//sp="<selectname='hehe'onChange='alert(this.options[this.selectedIndex].value)'>";
sp=sp+"<optionvalue=''></option>";
for(t=0;t<=pagesNumber;t++)
{
sp=sp+"<optionvalue='"+t+"'>"+(t+1)+"</option>";
}
sp=sp+"</select>"
returnsp;
}
functiongetContent()
{
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>
<divid="showhtml"></div>
<script>
if(maxNum==0)
{
document.write("没有检索到合适的人才信息")
}
else
{
getContent()
}
</script>
</BODY>
</HTML>
//下面是tt.xml的代码
复制代码 代码如下:
<?xmlversion="1.0"encoding="GB2312"?>
<rautinee>
<memberid='1'>
<name>海仔</name>
<loginName>rautinee</loginName>
<email>rautinee@btamail.net.cn</email></member>
<memberid='2'>
<name>刚强</name>
<loginName>hehe</loginName>
<email>rautinee@chinamanagers.com</email></member>
<memberid='3'>
<name>金华刚</name>
<loginName>nature_it</loginName>
<email>rautinee_sea@hotmail.com</email></member>
<memberid='4'>
<name>的简强</name>
<loginName>tank</loginName>
<email>tank@163.com</email></member>
<memberid='7'>
<name>合资</name>
<loginName>kaka</loginName>
<email>kaka@eyou.com</email></member>
<memberid='6'>
<name>加个人</name>
<loginName>apple</loginName>
<email>apple@163.com</email></member>
<memberid='8'>
<name>null</name>
<loginName>sunny</loginName>
<email>rautinee@eyou.com</email></member>
<memberid='10'>
<name>宝贝</name>
<loginName>index</loginName>
<email>rautinee@21cn.com</email></member>
<memberid='12'>
<name>null</name>
<loginName>login</loginName>
<email>webmaster@chinamanagers.com</email></member>
<memberid='13'>
<name>jiang</name>
<loginName>123</loginName>
<email>japing@chianmanagers.com</email></member>
<memberid='14'>
<name>null</name>
<loginName>world</loginName>
<email>rautinee@21cn.com</email></member>
<memberid='15'>
<name>null</name>
<loginName>swallow</loginName>
<email>swallow@chinamanagers.com</email></member>
<memberid='16'>
<name>魏格</name>
<loginName>hotmail</loginName>
<email>rautinee_sea@hotmail.com</email></member>
<memberid='17'>
<name>null</name>
<loginName>wrong</loginName>
<email>wrong@chinamanagers.com</email></member>
<memberid='18'>
<name>null</name>
<loginName>leah</loginName>
<email>leah@chinamanagers.com</email></member>
<memberid='19'>
<name>null</name>
<loginName>ttth</loginName>
<email>rautinee@21cn.com</email></member>
</rautinee>
目前好像是只支持>IE5.0
如果你有什么好的方法和改进，请来信通知我，谢谢。