读书人

求帮忙批改一段分页的js

发布时间: 2012-08-10 12:19:33 作者: rapoo

求帮忙修改一段分页的js
鄙人js菜鸟,找到一段JS,希望把它修改一下,要求是把“首页”“尾页”和分页都去掉,用“上一页”“下一页”两个按钮控制分页

这段js分页在不满足分页的时候是不显示分页按钮的



<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<style type="text/css">
tr{display:none}
</style>
<table id="pp">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
<tr><td>11</td></tr>
<tr><td>12</td></tr>
<tr><td>13</td></tr>
<tr><td>14</td></tr>
<tr><td>15</td></tr>

</table>
<div id="changpage"></div>
<script language="javascript">
var obj,j;
var page=0;
var nowPage=0;//当前页
var listNum=8;//每页显示<ul>数
var PagesLen;//总页数
var PageNum=4;//分页链接接数(5个)
onload=function(){
obj=document.getElementById("pp").getElementsByTagName("tr");
j=obj.length
PagesLen=Math.ceil(j/listNum);
upPage(0)
}
function upPage(p){
nowPage=p
//内容变换
for (var i=0;i<j;i++){
obj[i].style.display="none"
}
for (var i=p*listNum;i<(p+1)*listNum;i++){
if(obj[i])obj[i].style.display="block"
}
strS='<a href="###" onclick="upPage(0)">首页</a> '
var PageNum_2=PageNum%2==0?Math.ceil(PageNum/2)+1:Math.ceil(PageNum/2)
var PageNum_3=PageNum%2==0?Math.ceil(PageNum/2):Math.ceil(PageNum/2)+1
var strC="",startPage,endPage;
if (PageNum>=PagesLen) {startPage=0;endPage=PagesLen-1}
else if (nowPage<PageNum_2){startPage=0;endPage=PagesLen-1>PageNum?PageNum:PagesLen-1}//首页
else {startPage=nowPage+PageNum_3>=PagesLen?PagesLen-PageNum-1: nowPage-PageNum_2+1;var t=startPage+PageNum;endPage=t>PagesLen?PagesLen-1:t}
for (var i=startPage;i<=endPage;i++){
if (i==nowPage)strC+='<a href="###" style="color:red;font-weight:700;" onclick="upPage('+i+')">'+(i+1)+'</a> '
else strC+='<a href="###" onclick="upPage('+i+')">'+(i+1)+'</a> '
}
strE=' <a href="###" onclick="upPage('+(PagesLen-1)+')">尾页</a> '
strE2=nowPage+1+"/"+PagesLen+"页"+" 共"+j+"条"
if(PagesLen>1){////////////////////////////////////////////////这个判断语句就是用来判断是否显示分页链接的。
document.getElementById("changpage").innerHTML=strS+strC+strE+strE2
}
}
</script>

[解决办法]
加个判断条件就好了
PS:你真够懒的。。。

JScript code
<html><head><script>var count = 1;var index = 0;function jump(idx) {    index = idx;    update();    var btn = document.getElementById("btn");    var html = "";    if(count > 1) {        if(index) {            html += "<div style='display:inline;'><a href='#' onclick='jump(" + (index - 1) + ")'>上一页</a></div> ";        } else {            html += "<div style='display:inline;'>上一页</div> ";        }        for(var i = 0; i < count; i++) {            if(i == index) {                html += "<div style='display:inline;'>" + (i + 1) + "</div> ";            } else {                html += "<div style='display:inline;'><a href='#' onclick='jump(" + i + ")'>" + (i + 1) + "</a></div> ";            }        }        if(index != count - 1) {            html += "<div style='display:inline;'><a href='#' onclick='jump(" + (index + 1) + ")'>下一页</a></div>";        } else {            html += "<div style='display:inline;'>下一页</div>";        }    }    btn.innerHTML = html;}function update() {    var data = document.getElementById("data");    var html = "";    html += "<ul>";    for(var i = 0; i < 5; i++) {        html += "<li>" + (i + index * 5 + 1) + "</li>";    }    html += "</ul>";    data.innerHTML = html;}</script></head><body onload="jump(0)"><div id="data"></div><div id="btn"></div></body></html> 

读书人网 >JavaScript

热点推荐