一个较简易的分页javascript类

原创 2007年09月21日 19:23:00
&nbs

HTML Tags and JavaScript tutorial



一个较简易的分页javascript类





/**
* Pager.js
* @author BLACK CAT
* @email 
34298824@qq.com
* @version 1.0
* sample:
*  window.onload=function(){
*  var pager=new Pager(4,10,'pageCodeContainerID','formID');
*  pager.init();
*  pager.view('pager','pagerContainerID');
*  }
*  _currentPage:当前页码
*  _pageSum: 页总数
*  _pageCodeContainer:页码容器元素ID,包含在表单中
*  _pagerActionForm:用于发送分页请求的表单ID
*
*
*  如果有人觉得还有点用途,可以任意修改使用:)
*/
function Pager(_currentPage,_pageSum,_pageCodeContainer,_pagerActionForm)
{
 var pageNum=_pageSum;
 var currentPage=_currentPage;
 var list=new Array();
 /**
 * 类似于google的滚动分页
 */
 this.init=function()
 {
  for(var k=currentPage-3;k<=currentPage+3;k++)
  {
   if(k<0)continue;
   if(k>=pageNum)break;
   
   list.push(k);
  }
 }
 this.thePage=function(_page)
 {
  this.get(_pageCodeContainer).value=_page;
  this.get(_pagerActionForm).submit();
 }
 /**
 * _pager:分页类对象
 * _pagerContainer:分页导航条放置的容器元素ID
 */
 this.view=function(_pager,_pagerContainer)
 {
  var viewDIV="<div>";
  viewDIV+="<table border='0' cellspacing='0' cellpadding='0' class='pager'><tr>";
  viewDIV+="<td width='35px' class='pager_head'><a href='javascript:"+_pager+".thePage(1);'>首页</a></td>";
  
  var length=list.length;
  var page=0;
  for(var k=0;k<length;k++)
  {
   page=list[k]+1;
   viewDIV+="<td width='25px' class='pager_code'><a href='javascript:"+_pager+".thePage("+page+");'>"+page+"</a></td>";
  }
  viewDIV+="<td width='35px' class='pager_end'><a href='javascript:"+_pager+".thePage("+pageNum+");'>尾页</a></td>";
  
  viewDIV+="</tr></table>";
  viewDIV+="</div>";
  
  var pagerContainer=document.getElementById(_pagerContainer);
  pagerContainer.innerHTML=viewDIV;
 }
 this.get=function(id)
 {
  return document.getElementById(id);
 }



p;

自己写的简易分页类

/** 燕十八 公益PHP培训  课堂地址:YY频道88354001  学习社区:www.zixue.it **/
  • cg9112
  • cg9112
  • 2012年12月27日 17:16
  • 337

简易分页类

php class Paging { public static $count = 0; public static $size = 0; public static $page = 0;...

【JavaScript】一个简单的分页,显示页首,中间页,页尾,当前页的前后三页,省略其它页

有时候,比如共100页,并不一定要仅提供页首、页尾按钮,然后10页10页显示, 显示页首,中间页,页尾,当前页的前后三页,省略其它页也是一种不错的选择。 比如如下的分页: 首先,页面布局很简单,两...

一个不错的asp分页类

  • 2007年11月06日 15:49
  • 2KB
  • 下载

自己写的一个php的分页类

  • 2012年02月16日 20:10
  • 3KB
  • 下载

JavaScript实现一个简易的计算器

JavaScript实现简易计算器的具体思路

一个通用的数据库分页类

  • 2004年08月02日 13:34
  • 1KB
  • 下载

PHP的一个超强分页类

  • 2010年09月14日 11:20
  • 6KB
  • 下载

JavaScript写一个简易的抽奖系统

用JavaScript实现一个简单的抽奖系统,有【开始】按钮和【停止】按钮。 功能: - 点开始按钮开始抽奖,随机出现奖品名称; - 点停止按钮即可停止抽奖; - 按下回车键可切换开始抽...

一个php比较常用的分页类

  • 2011年04月01日 15:54
  • 3KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:一个较简易的分页javascript类
举报原因:
原因补充:

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