/**
* 파일명: lib.paging.js
* 설 명: 페이지바 출력하기
* 작성자: 거친마루
* 날 짜: 2004-02-04
*
***********************************************
* 2004-02-05 맨처음, 맨마지막 페이지 링크 추가하고, 보여줌 안보여줌 속성을 선택할 수 있도록 수정 - by 거친마루
* 2004-02-05 QueryString 오브젝트 개선 - by lainTT
* 2004-03-?? 페이지 넘버링 스타일을 설정할 수 있도록 수정 페이지번호= %n
*/
QueryString = function(str,mode) {
//var str = str ? str : document.location.href;
if(mode) {
var str = str;
}else {
var str = document.location.href;
}
// document.write(str+"--");
this.argv = new Array();
this.queryString = str.replace(/^[^\?]+\?/, '').replace(/#(.*)$/, '');
// document.write(this.queryString);
if (!this.queryString) this.queryString = '';
var _argv = this.queryString.split('&');
for(var i=0; i<_argv.length; i++) {
var _key = _argv[i].substring(0, _argv[i].indexOf('='));
var _val = _argv[i].substring(_argv[i].indexOf('=')+1);
if(!_key || _argv[i].indexOf('=') == -1) continue;
this.argv[_key] = _val;
}
}
QueryString.prototype.setVar = function(key,val) {
if (typeof key == 'object') {
for (var item in key) this.argv[item] = key[item];
} else {
this.argv[key] = val;
}
return this.getVar();
}
QueryString.prototype.getVar = function(key) {
if (key) {
return this.argv[key] ? this.argv[key] : '';
} else {
var _item = new Array();
for (var x in this.argv) {
if (this.argv[x]) _item[_item.length] = x + '=' + this.argv[x];
else continue;
}
return '?' + _item.join('&');
}
}
Paging = function(total,pageSize,qStr,urlMode) {
this.config = {
pageVariable: 'page',
numberFormat: '[%n]',
showFirstLast: true, // 맨처음, 맨 마지막으로 가는 링크를 만들것인가.
thisPageStyle: 'font-weight: bold;',
itemPerPage: 20, // 리스트 목록수
pagePerView: 10, // 페이지당 네비게이션 항목수
prevIcon: '/2007/lib/BBS/template/default/images/prevIcon.gif', // 이전페이지 아이콘
nextIcon: '/2007/lib/BBS/template/default/images/nextIcon.gif', // 다음페이지 아이콘
firstIcon: '/2007/lib/BBS/template/default/images/firstIcon.gif', // 첫페이지로 아이콘
lastIcon: '/2007/lib/BBS/template/default/images/lastIcon.gif' // 마지막페이지 아이콘
}
this.totalItem = total;
this.config.itemPerPage = pageSize;
this.qStr = qStr;
this.qs = new QueryString(qStr,urlMode);
this.calculate = function() {
this.totalPage = Math.ceil(this.totalItem / this.config.itemPerPage);
this.currentPage = this.qs.getVar(this.config.pageVariable);
if (!this.currentPage) this.currentPage = 1;
if (this.currentPage > this.totalPage) this.currentPage = this.totalPage;
this.lastPageItems = this.totalPage % this.config.itemPerPage;
this.prevPage = this.currentPage-1;
this.nextPage = this.currentPage+1;
this.seek = this.prevPage * this.config.itemPerPage;
this.currentScale = parseInt(this.currentPage / this.config.pagePerView);
if (this.currentPage % this.config.pagePerView < 1) this.currentScale--;
this.totalScale = parseInt(this.totalPage / this.config.pagePerView);
this.lastScalePages = this.totalPage % this.config.pagePerView;
if (this.lastScalePages == 0) this.totalScale--;
this.prevPage = this.currentScale * this.config.pagePerView;
this.nextPage = this.prevPage + this.config.pagePerView + 1;
}
this.toString = function() {
var ss, se;
var firstBtn = '';
var lastBtn = '';
var prevBtn = '';
var nextBtn = '';
this.calculate();
if (this.config.showFirstLast) {
if (this.config.firstIcon) firstBtn = '
';
else firstBtn = '[처음]'; //'☜';
firstBtn = firstBtn.link(this.qs.setVar(this.config.pageVariable,1));
if (this.config.lastIcon) lastBtn = '
';
else lastBtn = '[마지막]'; //'☞';
lastBtn = lastBtn.link(this.qs.setVar(this.config.pageVariable,this.totalPage));
} else {
firstBtn = lastBtn = '';
}
if (this.config.prevIcon) prevBtn ='
';
else prevBtn = '◀';
if (this.currentPage > this.config.pagePerView) {
prevBtn = prevBtn.link(this.qs.setVar(this.config.pageVariable,this.prevPage));
}
ss = this.prevPage + 1;
if ((this.currentScale >= this.totalScale) && (this.lastScalePages != 0)) se = ss + this.lastScalePages;
else if (this.currentScale <= -1) se = ss;
else se = ss + this.config.pagePerView;
var navBtn = '';
for(var i = ss; i'+pageText+'';
} else {
_btn = ''+pageText+''
}
navBtn+=_btn;
}
if (this.config.prevIcon) nextBtn ='
';
else nextBtn = '▶';
if (this.totalPage > this.nextPage) {
nextBtn = nextBtn.link(this.qs.setVar(this.config.pageVariable,this.nextPage));
}
return firstBtn+' '+prevBtn+' '+navBtn+' '+nextBtn+' '+lastBtn;
}
}