在做项目的时候,要求使用ajax的无刷新的分页,可以由于自己对pagerhealp类不是很熟悉,所以就放弃这个念头。想起以前用sql 的存储过程来写的分页,于是就想使用javascript和Jquery来写了一个分页的程序,下面只把分页的功能写出来,Jquery的ajax请求就省略了。
 1    function Pagers(page)
 2{   
 3  var div=document.createElement("div");
 4  div.id="bar";
 5  document.getElementById("pager").appendChild(div);
 6  var j=(page-3<1)?1:page-3;
 7  var k=(page+3>maxpage)?maxpage:page+3;
 8  if(j>1)
 9  {
10    var a=document.createElement("a");
11    a.href="#";
12    a.innerHTML="";    
13    document.getElementById("bar").appendChild(a);  
14  }

15  for(var i=j;i<k+1;i++)
16  {
17       if(i!=k)
18       {
19         var a=document.createElement("a");
20         var s=i;
21         a.href="javascript:reloadpager();Pagers("+i+");";
22         a.innerHTML=i;         
23         document.getElementById("bar").appendChild(a);            
24         continue;
25      }
     
26       if(maxpage>k)
27       {
28         var a=document.createElement("a");
29         a.href="#";
30         a.innerHTML="";        
31         document.getElementById("bar").appendChild(a);
32         var a=document.createElement("a");
33         a.href="#";
34         a.onclick="reloadpager();Pagers("+maxpage+");";
35         a.innerHTML=maxpage;         
36         document.getElementById("bar").appendChild(a);
37       }

38   }

39 
40}

41function reloadpager()
42{
43  var pp=document.getElementById("bar");
44  document.getElementById("pager").removeChild(pp);
45}
也许对大家有帮助!
posted on 2008-03-02 19:57  symjie  阅读(849)  评论(1编辑  收藏  举报