?? showpage.js
字號:
function showPages(name,totalput,MaxPerPage) { //初始化屬性
this.name = name; //對象名稱
this.page = 1; //當前頁數
this.pageCount = 1; //總頁數
this.argName = 'page'; //參數名
this.showTimes = 1; //打印次數
this.totalput = 1; //總條數
this.MaxPerPage = 1; //每頁條數
}
showPages.prototype.getPage = function(){ //叢url獲得當前頁數,如果變量重復只獲取最后一個
var args = location.search;
var reg = new RegExp('[\?&]?' + this.argName + '=([^&]*)[&$]?', 'gi');
var chk = args.match(reg);
this.page = RegExp.$1;
}
showPages.prototype.checkPages = function(){ //進行當前頁數和總頁數的驗證
if (isNaN(parseInt(this.page))) this.page = 1;
if (isNaN(parseInt(this.pageCount))) this.pageCount = 1;
if (this.page < 1) this.page = 1;
if (this.pageCount < 1) this.pageCount = 1;
if (this.page > this.pageCount) this.page = this.pageCount;
this.page = parseInt(this.page);
this.pageCount = parseInt(this.pageCount);
}
showPages.prototype.createHtml = function(mode){ //生成html代碼
var strHtml = '', prevPage = this.page - 1, nextPage = this.page + 1;
if (mode == '' || typeof(mode) == 'undefined') mode = 0;
switch (mode) {
case 2 : //模式2 (前后縮略,頁數,首頁,前頁,后頁,尾頁)共 57
strHtml += '<span class="pinfos">共 ' + this.totalput + ' 條記錄 ';
strHtml += '' + this.MaxPerPage + ' 條記錄/頁</span>';
strHtml += '<span class="number">';
strHtml += '<span class="nones">頁次: ' + this.page + ' / ' + this.pageCount + '</span>';
if (prevPage < 1) {
strHtml += '<span title="第一頁" class="nones">«</span>';
strHtml += '<span title="上一頁" class="nones">‹</span>';
} else {
strHtml += '<span title="第一頁"><a href="javascript:' + this.name + '.toPage(1);">«</a></span>';
strHtml += '<span title="上一頁"><a href="javascript:' + this.name + '.toPage(' + prevPage + ');">‹</a></span>';
}
if (this.page != 1) strHtml += '<span title="第 1 頁"><a href="javascript:' + this.name + '.toPage(1);">1</a></span>';
if (this.page >= 5) strHtml += '<span class="lines">...</span>';
if (this.pageCount > this.page + 2) {
var endPage = this.page + 2;
} else {
var endPage = this.pageCount;
}
for (var i = this.page - 2; i <= endPage; i++) {
if (i > 0) {
if (i == this.page) {
strHtml += '<span title="當前第 ' + i + ' 頁" class="trues">' + i + '</span>';
} else {
if (i != 1 && i != this.pageCount) {
strHtml += '<span title="第 ' + i + ' 頁"><a href="javascript:' + this.name + '.toPage(' + i + ');">' + i + '</a></span>';
}
}
}
}
if (this.page + 3 < this.pageCount) strHtml += '<span class="lines">...</span>';
if (this.page != this.pageCount) strHtml += '<span title="第 ' + this.pageCount + ' 頁"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">' + this.pageCount + '</a></span>';
if (nextPage > this.pageCount) {
strHtml += '<span title="下一頁" class="nones">›</span>';
strHtml += '<span title="最后一頁" class="nones">»</span>';
} else {
strHtml += '<span title="下一頁"><a href="javascript:' + this.name + '.toPage(' + nextPage + ');">›</a></span>';
strHtml += '<span title="最后一頁"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">»</a></span>';
}
strHtml += '</span><br>';
break;
}
return strHtml;
}
showPages.prototype.createUrl = function (page) { //生成頁面跳轉url
if (isNaN(parseInt(page))) page = 1;
if (page < 1) page = 1;
if (page > this.pageCount) page = this.pageCount;
var url = location.protocol + '//' + location.host + location.pathname;
var args = location.search;
var reg = new RegExp('([\?&]?)' + this.argName + '=[^&]*[&$]?', 'gi');
args = args.replace(reg,'$1');
if (args == '' || args == null) {
args += '?' + this.argName + '=' + page;
} else if (args.substr(args.length - 1,1) == '?' || args.substr(args.length - 1,1) == '&') {
args += this.argName + '=' + page;
} else {
args += '&' + this.argName + '=' + page;
}
return url + args;
}
showPages.prototype.toPage = function(page){ //頁面跳轉
var turnTo = 1;
if (typeof(page) == 'object') {
turnTo = page.options[page.selectedIndex].value;
} else {
turnTo = page;
}
self.location.href = this.createUrl(turnTo);
}
showPages.prototype.printHtml = function(mode){ //顯示html代碼
this.getPage();
this.checkPages();
this.showTimes += 1;
document.write('<div id="pages_' + this.name + '_' + this.showTimes + '" class="pages"></div>');
document.getElementById('pages_' + this.name + '_' + this.showTimes).innerHTML = this.createHtml(mode);
}
showPages.prototype.formatInputPage = function(e){ //限定輸入頁數格式
var ie = navigator.appName=="Microsoft Internet Explorer"?true:false;
if(!ie) var key = e.which;
else var key = event.keyCode;
if (key == 8 || key == 46 || (key >= 48 && key <= 57)) return true;
return false;
}
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -