当前位置：首页 -> 技术开发 -> Script -> 用数据岛生成翻页程序

用数据岛生成翻页程序

时间： 2021-07-31 作者：daque

<html>

<head><title>tree walk test - jscript</title><style>body { font-family: 宋体; font-size: 9pt }.first { color: gray; text-decoration: none }.later { cursor: hand; color: red; text-decoration: none }</style><meta name="generator" content="microsoft frontpage 4.0"><meta name="progid" content="frontpage.editor.document"></head>

<xml id="head"><xmldata> <username width="150" sortby="username" sorttype="text">用户名</username> <pw width="150" sortby="pw" sorttype="number">暗号</pw> <date width="200" sortby="date" sorttype="date">日子</date></xmldata></xml><xml id="data"><xmldata><row> <id isshow="0" iskey="1">1</id> <username isshow="1" iskey="1">fmzhang1</username> <pw isshow="1" iskey="1">1</pw> <date isshow="1" iskey="0">2003-3-3</date></row><row> <id isshow="0" iskey="1">2</id> <username isshow="1" iskey="1">fmzhang11</username> <pw isshow="1" iskey="1">1</pw> <date isshow="1" iskey="0">2003-3-3</date></row><row> <id isshow="0" iskey="1">3</id> <username isshow="1" iskey="1">fmzhang2</username> <pw isshow="1" iskey="1">2</pw> <date isshow="1" iskey="0">2003-3-7</date></row><row> <id isshow="0" iskey="1">4</id> <username isshow="1" iskey="1">fmzhang3</username> <pw isshow="1" iskey="1">3</pw> <date isshow="1" iskey="0">2003-5-3</date></row><row> <id isshow="0" iskey="1">5</id> <username isshow="1" iskey="1">fmzhang4</username> <pw isshow="1" iskey="1">4</pw> <date isshow="1" iskey="0">2002-3-3</date></row><row> <id isshow="0" iskey="1">6</id> <username isshow="1" iskey="1">fmzhang5</username> <pw isshow="1" iskey="1">5</pw> <date isshow="1" iskey="0">2003-1-3</date></row><row> <id isshow="0" iskey="1">7</id> <username isshow="1" iskey="1">fmzhang6</username> <pw isshow="1" iskey="1">6</pw> <date isshow="1" iskey="0">2005-1-3</date></row><row> <id isshow="0" iskey="1">8</id> <username isshow="1" iskey="1">fmzhang7</username> <pw isshow="1" iskey="1">7</pw> <date isshow="1" iskey="0">2003-5-3</date></row><row> <id isshow="0" iskey="1">9</id> <username isshow="1" iskey="1">fmzhang8</username> <pw isshow="1" iskey="1">8</pw> <date isshow="1" iskey="0">2003-1-8</date></row><row> <id isshow="0" iskey="1">10</id> <username isshow="1" iskey="1">fmzhang9</username> <pw isshow="1" iskey="1">9</pw> <date isshow="1" iskey="0">2003-11-3</date></row></xmldata></xml><body id="objbody" onload="show('first')">

<div id="mydiv"></div><table border="0" cellpadding="2" width="57%"> <tr> <td width="13%"><input type="button" value="首页" onclick="show('first')"></td> <td width="14%"><input type="button" value="上一页" onclick="show('prov')"></td> <td width="35%"><input type="button" value="下一页" onclick="show('next')"></td> <td width="14%"><input type="button" value="结果一页" onclick="show('last')"></td> <td width="40%"><input type="text" size="5" maxlength="5" name="pagenum" value onkeydown="if(event.keycode==13) gopagenum()" onkeyup="value=value.replace(/[^\d]/g,'')" onblur="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboarddata.setdata('text',clipboarddata.getdata('text').replace(/[^\d]/g,''))"><input type="button" value="go" onclick="gopagenum()"></td> </tr> <tr> <td width="13%">用户名</td> <td width="14%"><input type="text" name="xm" size="10" value></td> <td width="35%" nowrap onclick="if(isresult.checked==true) isresult.checked=false;else if(isresult.checked==false) isresult.checked=true"><input type="checkbox" name="isresult" onclick="if(this.checked==true) this.checked=false;else this.checked=true;" value="on">在暂时截止中搜索</td> <td width="54%" colspan="2"><input type="button" name="search" onclick="search()" value="搜索" size="10"></td> </tr></table><table border="0" cellpadding="2" width="100%"></table> <table id="tablesec"> <tr> <td>  <input type="button" value="此处增添自设置按钮" onclick="yourfunction()"></td> </tr></table>

</body>

</html><script>//底下为初始化参数 var datanodes=data.documentelement.childnodes; //底下三行生存复本,供简略此后回复 var xmldoc=document.all("data").xmldocument; var xmldoctemp=new activexobject("msxml.domdocument"); xmldoctemp.appendchild(xmldoc.documentelement.clonenode(true)); var totalrow=datanodes.length;//总额据行数 var pagerow=4;//每页行数 var totalpage=0;//总页数 if(totalrow!=0) { if(totalrow%pagerow!=0) totalpage=parseint(totalrow/pagerow)+1; else totalpage=parseint(totalrow/pagerow); } var currpage=1;//暂时页码 var checkarr=new array();//能否选中 var thevaluearr=new array();//记载选中记载的checkbox的value值 for(var i=0;i<totalrow;i++) { checkarr[i]=0;//记载选中的记载0为未选中,1为选中,初始为0 thevaluearr[i]=""; } var buildarr=new array();//生存暂时页要天生的记载序号 var sortorder='asce';//生存叶序仍旧降序 mydiv.innertext="所有"+totalpage+"页"+totalrow+"条记载,暂时为第1页,暂时选中0条记载"; var nodes=head.documentelement.childnodes; var nodeslen=nodes.length; var attributes=head.documentelement.firstchild.attributes; var objform=document.createelement("<form name='fjcl'>"); var objtable=document.createelement("<table bordercolor='#1ec600' border='1'>"); var objtbody=document.createelement("tbody"); objtable.appendchild(objtbody);</script><script language="javascript">//天生表格头部function addhead(){ var objtr=document.createelement("<tr bgcolor='#ffcccc'>"); objtbody.appendchild(objtr); var objtd=document.createelement("td"); objtd.width="20"; objtd.innertext=" "; objtr.appendchild(objtd); for(var i=0;i<nodeslen;i++) { var objtd=document.createelement("<td onclick='' onmousemove=''>"); objtd.width=head.documentelement.childnodes.item(i).getattribute("width"); objtd.onmousemove="style.cursor='hand'"; var sortby=head.documentelement.childnodes.item(i).getattribute("sortby"); var sorttype=head.documentelement.childnodes.item(i).getattribute("sorttype"); objtd.onclick="sort('"+sortby+"','"+sorttype+"','"+i+"')"; var tdtext=nodes.item(i).text+"→"; var objtext=document.createtextnode(tdtext); objtd.appendchild(objtext); objtr.appendchild(objtd); } objform.appendchild(objtable); objbody.appendchild(objform); objbody.appendchild(tablesec);}//增添适合前提的记载function addall(){ var childdatanodes=data.documentelement.childnodes.item(0).childnodes; var childtotalrow=childdatanodes.length;//每行底下大概的数据项长度 for(var i=0;i<buildarr.length;i++) { var objtr; if(i%2==0) { objtr=document.createelement("<tr onmouseover='' bgcolor='#80ff80' class='first' onclick='changecolor()' >"); }else { objtr=document.createelement("<tr onmouseover='' bgcolor='#ffff80' class='first' onclick='changecolor()' >"); } if(checkarr[buildarr[i]-1]==1) objtr.classname="later"; objtr.onmouseover="style.cursor='hand'"; var thetd=document.createelement("td"); var objcheckbox; if(checkarr[buildarr[i]-1]==0) { objcheckbox=document.createelement("<input type='checkbox' name='rad' value='' onclick=''>"); }else { objcheckbox=document.createelement("<input type='checkbox' name='rad' value='' onclick='' checked>"); } objcheckbox.onclick=objcheckbox.onclick+";if(this.checked==true) checkarr["+parseint(buildarr[i]-1)+"]='1';else checkarr["+parseint(buildarr[i]-1)+"]=0"; thetd.appendchild(objcheckbox); objtr.appendchild(thetd); for(var j=0;j<childtotalrow;j++) { var isshow=datanodes.item(buildarr[i]-1).childnodes.item(j).getattribute("isshow");//能否表露 var iskey=datanodes.item(buildarr[i]-1).childnodes.item(j).getattribute("iskey"); //能否是主键 if(isshow=='1')//isshow=1 { var objtd=document.createelement("<td onclick=''>"); var tdtext=document.createtextnode(datanodes.item(buildarr[i]-1).childnodes.item(j).text); objtd.appendchild(tdtext); objtr.appendchild(objtd); objtd.onclick=objcheckbox.click; } if(iskey=='1') { if(objcheckbox.value=="") objcheckbox.value=objcheckbox.value+datanodes.item(buildarr[i]-1).childnodes.item(j).tagname+"="+datanodes.item(buildarr[i]-1).childnodes.item(j).text; else objcheckbox.value=objcheckbox.value+"&"+datanodes.item(buildarr[i]-1).childnodes.item(j).tagname+"="+datanodes.item(buildarr[i]-1).childnodes.item(j).text; } } thevaluearr[buildarr[i]-1]=objcheckbox.value; objtbody.appendchild(objtr); } objform.appendchild(objtable); objbody.appendchild(objform); objbody.appendchild(tablesec);}//翻页按钮操纵function show(thepage){ if(totalrow==0) { del(); addhead(); return false; } if(thepage=="first") { del(); addhead(); buildarr=new array(); if(totalrow>=pagerow){ for(var i=1;i<=pagerow;i++) buildarr[i-1]=i; }else{ for(var i=1;i<=totalrow;i++) buildarr[i-1]=i; } addall(); currpage=1; }else if(thepage=="prov") { if(currpage==1) return false; del(); addhead(); buildarr=new array(); for(var i=1;i<=pagerow;i++){ buildarr[i-1]=(currpage-2)*pagerow+i; } addall(); currpage=currpage-1; }else if(thepage=="next") { if(currpage==totalpage) return false; del(); addhead(); buildarr=new array(); if((currpage+1)*pagerow>=totalrow){ for(var i=1;i<=totalrow-currpage*pagerow;i++) buildarr[i-1]=currpage*pagerow+i; }else { for(var i=1;i<=pagerow;i++) buildarr[i-1]=currpage*pagerow+i; } addall(); currpage=currpage+1; }else if(thepage=="last") { if(currpage==totalpage) return false; del(); addhead(); buildarr=new array(); if(totalrow%pagerow==0){ for(var i=1;i<=pagerow;i++) buildarr[i-1]=totalrow-pagerow+i; }else{ for(var i=1;i<=totalrow%pagerow;i++) buildarr[i-1]=totalrow-totalrow%pagerow+i; } addall(); currpage=totalpage; } changemydiv();}//简略objform底下的一切实质function del(){ objform.removenode(true); objform=document.createelement("<form name='fjcl'>"); objtable=document.createelement("<table bordercolor='#1ec600' border='1'>"); objtbody=document.createelement("tbody"); objtable.appendchild(objtbody);}//变换脸色function changecolor(){ for(var i=0;i<objtbody.childnodes.length-1;i++) { var therow=buildarr[i]-1; if(checkarr[therow]==0) { objtbody.childnodes.item(i+1).classname="first"; } else { objtbody.childnodes.item(i+1).classname="later"; } } changemydiv();}function changemydiv(){ var totalchecked=0;//记载暂时选中记载数 for(var i=0;i<totalrow;i++) { if(checkarr[i]==1) totalchecked+=1; } mydiv.innertext="所有"+totalpage+"页"+totalrow+"条记载,暂时为第"+currpage+"页,暂时选中"+totalchecked+"条记载"; }

var myxm=xm.value; var temp=datanodes.item(nodeno).getelementsbytagname("username"); if(temp.item(0).text.indexof(myxm)!=-1) return true; return false;

}</script>

用数据岛生成翻页程序

相关推荐

推荐下载

热门阅览

最新排行