页数显示js

原创 2007年09月22日 14:23:00
&nbs

HTML Tags and JavaScript tutorial



页数显示js




function Page(curPage,totalPage,num,sParam)
{
 this.curPage=curPage;
 this.totalPage = totalPage;
 this.num = num;
 this.param = sParam;
 this.curPage=this.curPage<this.totalPage?this.curPage:this.totalPage;
}
Page.prototype.showPage = function()
{
 var sHtml = "";
 var _iStarPage,_iEndPage;
 var _bIsShowPreviousImage=false;
 var _bIsShowNextImage=false;
 if(this.curPage<=1)
  this.curPage=1;
 if(this.totalPage<this.num)
 {
  _iEndPage = this.totalPage;
  _iStarPage = 1;
 }else{
  if(this.curPage<=Math.ceil(this.num/2)){
   _iStarPage = 1;
   _iEndPage = this.num;
   if(this.totalPage-this.curPage>this.num)
    _bIsShowNextImage = true;
  }else if(this.curPage>Math.ceil(this.num/2)&&this.curPage<(this.totalPage-parseInt(this.num/2))){
   _iStarPage = this.curPage-Math.ceil(this.num/2)+1;
   _iEndPage = this.curPage+parseInt(this.num/2);
   if(this.curPage-this.num>1)
    _bIsShowPreviousImage=true;
   if(this.totalPage-this.curPage>this.num)
    _bIsShowNextImage = true;
  }else if(this.curPage>=(this.totalPage-parseInt(this.num/2))){
   _iStarPage = this.totalPage-this.num+1;
   _iEndPage = this.totalPage;
   if(this.curPage-this.num>1)
    _bIsShowPreviousImage=true;
  }
 }
 //sHtml ="<table cellpadding=/"0/" cellspacing=/"0/" border=/"0/">";
 //sHtml +="<tr>";
 sHtml +="<span style=/"width:25px;/"><a href=?"+this.param+"&page=1 title=/"首页/"><img src=/"/images/First.gif/" border=/"0/" align=/"absbottom/"></a></span>"
 if(_bIsShowPreviousImage==true)
  sHtml +="<span style=/"width:25px;/"><a href=?"+this.param+"&page="+(this.curPage-this.num)+" title=/"前"+this.num+"页/"><img src=/"/images/previous.gif/" border=/"0/" align=/"absbottom/"></a></span>"
 for(var i=_iStarPage;i<=_iEndPage;i++)
 {
  if(this.curPage==i){
   sHtml += "<span style=/"width:25px;/"><a href=?"+this.param+"&page="+i+"><font color=/"#ff0000/"><b>"+i+"</b></font></a></span>";
  }else{
   sHtml += "<span style=/"width:25px;/"><a href=?"+this.param+"&page="+i+"><b>"+i+"</b></a></span>";
  }
 }
 if(_bIsShowNextImage==true)
  sHtml +="<span style=/"width:25px;/"><a href=?"+this.param+"&page="+(this.curPage+this.num)+" title=/"后"+this.num+"页/"><img src=/"/images/next.gif/" border=/"0/" align=/"absbottom/"></a></span>"
 sHtml +="<span style=/"width:25px;/"><a href=?"+this.param+"&page="+this.totalPage+" title=/"尾页/"><img src=/"/images/Last.gif/" border=/"0/" align=/"absbottom/"></a></span>"
 //sHtml +="</tr></table>";
 document.write(sHtml);



p;

相关文章推荐

关于分页,显示分页的页数<初学者心得,大神绕道>

今天学了分页,其他地方我能理解,唯独显示页数让我非常头痛,不知道是怎么显示页数的. 比如你有1000页的数据,但是你不能在下方显示1000页吧,那样多么的不人性化,甚至比没显示还惨. 所以作为初学...

DWZ(JUI)切换显示页数失效的解决方法

最近在学习dwz,但是遇到的问题很多,个人觉得dwz文档的指导性很小,遇见问题比较难解决,这个问题折腾了很久,最终是将两种解决方式综合起来解决的,希望使用dwz的朋友少走弯路。 彻底解决方法: 1...

nav报表显示总页数实例

  • 2011年06月16日 23:08
  • 10KB
  • 下载

nav报表显示总页数

  • 2011年06月16日 23:06
  • 866KB
  • 下载

jsp实现分页(限定显示指定页数)和页面跳转功能

本文主要介绍在jsp中实现分页功能和页面跳转功能,能够实现数据的分页显示和跳转到指定页面的功能,具体效果如图                         由于该功能是一个书城项目的一部分,所以数...

jsp单页面数据库查询模板:支持分页、排序、简单搜索、设置每页显示页数功能

不多说,直接贴代码 show.jsp(显示页面) ">

jqPaginator到最后一页不显示页数

组件在项目中引入jqPaginator的时候,发现一个问题,就是在后台获取的页数值点击到最后一页的时候不显示了 下面是分析过程: 正常图: 点击最后一页:出现问题: 最开始以为...

JAVA和MySQL实现分页和页面跳转指定当前显示页数的问题

首先,分页需要JDBC基础。所以分页也没什么好说的,主要是分页算法。直接扔出代码 String sql2 = "select * from job limit ?,? "; ps = co...

easyUI分页中,如何实现页面跳转,再返回时,仍然到跳转前页数。(含页面显示条数)

easyUI中,分页情况下,跳转到其他页面修改数据,再返回时,相当于重新打开此页面,即显示第一页。 这样很不方便。故提出跳转回修改前的页面的需求。 通过网上搜索,了解到实现页面跳转回去的基本原理是:传...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:页数显示js
举报原因:
原因补充:

(最多只允许输入30个字)