js实现ASP分页函数 HTML分页函数


Posted in Javascript onSeptember 22, 2006
<!-- 
//ASP分页函数 
function ShowListPage(page,Pcount,TopicNum,maxperpage,strLink,ListName){ 
    var alertcolor = '#FF0000'; 
    maxperpage=Math.floor(maxperpage); 
    TopicNum=Math.floor(TopicNum); 
    page=Math.floor(page); 
    var n,p; 
    if ((page-1)%10==0) { 
        p=(page-1) /10 
    }else{ 
        p=(((page-1)-(page-1)%10)/10) 
    } 
    if(TopicNum%maxperpage==0) { 
        n=TopicNum/maxperpage; 
    }else{ 
        n=(TopicNum-TopicNum%maxperpage)/maxperpage+1; 
    } 
    document.write ('<table border="0" cellpadding="0" cellspacing="1" class="Tableborder5">'); 
    document.write ('<form method=post action="?pcount='+Pcount+strLink+'">'); 
    document.write ('<tr align="center">'); 
    document.write ('<td class="tabletitle1" title="'+ListName+'"> '+ListName+' </td>'); 
    document.write ('<td class="tabletitle1" title="总数"> '+TopicNum+' </td>'); 
    document.write ('<td class="tabletitle1" title="每页"> '+maxperpage+' </td>'); 
    document.write ('<td class="tabletitle1" title="页次"> '+page+'/'+Pcount+'页 </td>'); 
    if (page==1){ 
        document.write ('<td class="tablebody1"> <font face=webdings>9</font> </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="?page=1'+strLink+'" title="首页"><font face=webdings>9</font></a> </td>'); 
    } 
    if (p*10 > 0){ 
        document.write ('<td class="tablebody1"> <a href="?page='+p*10+strLink+'" title="上十页"><font face=webdings>7</font></a> </td>'); 
    } 
    if (page < 2){ 
        document.write ('<td class="tablebody1"> 首 页 </td>'); 
        document.write ('<td class="tablebody1"> 上一页 </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="?page=1'+strLink+'" title="首页">首 页</a> </td>'); 
        document.write ('<td class="tablebody1"> <a href="?page='+(page-1)+strLink+'" title="上一页">上一页</a> </td>'); 
    } 
    if (Pcount-page < 1){ 
        document.write ('<td class="tablebody1"> 下一页 </td>'); 
        document.write ('<td class="tablebody1"> 尾 页 </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="?page='+(page+1)+strLink+'" title="下一页">下一页</a> </td>'); 
        document.write ('<td class="tablebody1"> <a href="?page='+Pcount+strLink+'" title="尾页">尾 页</a> </td>'); 
    } 
    for (var i=p*10+1;i<p*10+11;i++){ 
        if (i==n) break; 
    } 
    if (i<n){ 
        document.write ('<td class="tablebody1"> <a href="?page='+i+strLink+'" title="下十页"><font face=webdings>8</font></a> <td>'); 
    } 
    if (page==n){ 
        document.write ('<td class="tablebody1"> <Font face=webdings>:</font> </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="?page='+n+strLink+'" title="尾页"><font face=webdings>:</font></a> </td>'); 
    } 
    document.write ('<td class="tablebody1"><input class="PageInput" type=text name="page" size=1 maxlength=10  value="'+page+'"></td>'); 
    document.write ('<td class="tablebody1"><input type=submit value=Go name=submit class="PageInput"></td>'); 
    document.write ('</tr>'); 
    document.write ('</form></table>'); 
} 
//HTML分页函数 
function ShowHtmlPage(page,Pcount,TopicNum,maxperpage,strLink,ExtName,ListName){ 
    var alertcolor = '#FF0000'; 
    maxperpage=Math.floor(maxperpage); 
    TopicNum=Math.floor(TopicNum); 
    page=Math.floor(page); 
    var n,p; 
    if ((page-1)%10==0) { 
        p=(page-1) /10 
    }else{ 
        p=(((page-1)-(page-1)%10)/10) 
    } 
    if(TopicNum%maxperpage==0) { 
        n=TopicNum/maxperpage; 
    }else{ 
        n=(TopicNum-TopicNum%maxperpage)/maxperpage+1; 
    } 
    document.write ('<table border="0" cellpadding="0" cellspacing="1" class="Tableborder5">'); 
    document.write ('<form method=post>'); 
    document.write ('<tr align="center">'); 
    document.write ('<td class="tabletitle1" title="'+ListName+'"> '+ListName+' </td>'); 
    document.write ('<td class="tabletitle1" title="总数"> '+TopicNum+' </td>'); 
    document.write ('<td class="tabletitle1" title="每页"> '+maxperpage+' </td>'); 
    document.write ('<td class="tabletitle1" title="页次"> '+page+'/'+Pcount+'页 </td>'); 
    if (page==1){ 
        document.write ('<td class="tablebody1"> <font face=webdings>9</font> </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="index'+ExtName+'" title="首页"><font face=webdings>9</font></a> </td>'); 
    } 
    if (p*10 > 0){ 
        document.write ('<td class="tablebody1"> <a href="'+strLink+(p*10)+ExtName+'" title="上十页"><font face=webdings>7</font></a> </td>'); 
    } 
    if (page < 3){ 
        document.write ('<td class="tablebody1"> 首 页 </td>'); 
        document.write ('<td class="tablebody1"> <a href="index'+ExtName+'" title="上一页">上一页1</a> </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="index'+ExtName+'" title="首页">首 页1/a> </td>'); 
        document.write ('<td class="tablebody1"> <a href="'+strLink+(page-1)+ExtName+'" title="上一页">上一页</a> </td>'); 
    } 
    if (Pcount-page < 1){ 
        document.write ('<td class="tablebody1"> 下一页1 </td>'); 
        document.write ('<td class="tablebody1"> 尾 页 </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="'+strLink+(page+1)+ExtName+'" title="下一页">下一页</a> </td>'); 
        document.write ('<td class="tablebody1"> <a href="'+strLink+Pcount+ExtName+'" title="尾页">尾 页</a> </td>'); 
    } 
    for (var i=p*10+1;i<p*10+11;i++){ 
        if (i==n) break; 
    } 
    if (i<n){ 
        document.write ('<td class="tablebody1"> <a href="'+strLink+i+ExtName+'" title="下十页"><font face=webdings>8</font></a> <td>'); 
    } 
    if (page==n){ 
        document.write ('<td class="tablebody1"> <Font face=webdings>:</font> </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="'+strLink+n+ExtName+'" title="尾页"><font face=webdings>:</font></a> </td>'); 
    } 
    //document.write ('<td class="tabletitle1" title="转到"> GO </td>'); 
    document.write ('<td class="tablebody1"><select class="PageInput" name="page" size="1" onchange="javascript:window.location=this.options[this.selectedIndex].value;">'); 
    document.write ('<option value="index'+ExtName+'">第1页</option>'); 
    for (var i=2;i<TopicNum;i++){ 
        if (i==page){ 
            document.write ('<option value="'+strLink+i+ExtName+'" selected>第'+i+'页</option>'); 
        }else{ 
            if (i==1){ 
                document.write ('<option value="index'+ExtName+'">第1页</option>'); 
            }else{ 
                document.write ('<option value="'+strLink+i+ExtName+'">第'+i+'页</option>'); 
            } 
        } 
        if (i==n) break; 
    } 
    document.write ('</select></td>'); 
    document.write ('</tr>'); 
    document.write ('</form></table>'); 
} 
//-->
Javascript 相关文章推荐
使用JavaScript获取电池状态的方法
May 03 Javascript
javascript的列表切换【实现代码】
May 03 Javascript
AngularJS入门教程之静态模板详解
Aug 18 Javascript
微信小程序 数据访问实例详解
Oct 08 Javascript
Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法
Jan 19 Javascript
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 jQuery
详解利用 Vue.js 实现前后端分离的RBAC角色权限管理
Sep 15 Javascript
vue实现密码显示隐藏切换功能
Feb 23 Javascript
vue全局自定义指令-元素拖拽的实现代码
Apr 14 Javascript
使用Vue.js中的过滤器实现幂方求值的方法
Aug 27 Javascript
vue实现商城秒杀倒计时功能
Dec 12 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
Jul 19 Javascript
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
Sep 22 #Javascript
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
Sep 22 #Javascript
prototype1.4中文手册
Sep 22 #Javascript
prototype 源码中文说明之 prototype.js
Sep 22 #Javascript
showModelessDialog()使用详解
Sep 21 #Javascript
Javascript里使用Dom操作Xml
Sep 20 #Javascript
Js+XML 操作
Sep 20 #Javascript
You might like
PHP内核探索:变量概述
2014/01/30 PHP
详谈PHP中的密码安全性Password Hashing
2017/02/04 PHP
基于jquery实现的表格分页实现代码
2011/06/21 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
2011/11/21 Javascript
JS判断图片是否加载完成方法汇总(最新版)
2016/05/13 Javascript
JavaScript函数中关于valueOf和toString的理解
2016/06/14 Javascript
javascript 单例模式详解及简单实例
2017/02/14 Javascript
angularjs实现下拉列表的选中事件示例
2017/03/03 Javascript
微信小程序 动态绑定事件并实现事件修改样式
2017/04/13 Javascript
从源码看angular/material2 中 dialog模块的实现方法
2017/10/18 Javascript
详解express使用vue-router的history踩坑
2019/06/05 Javascript
微信小程序与公众号卡券/会员打通的问题
2019/07/25 Javascript
微信小程序实现拨打电话功能的示例代码
2020/06/28 Javascript
[02:10]DOTA2 TI10勇士令状玩法及不朽Ⅰ展示:焕新世界,如你所期
2020/05/29 DOTA
Python获取文件所在目录和文件名的方法
2017/01/12 Python
python实现支付宝当面付(扫码支付)功能
2018/05/30 Python
Python面向对象程序设计之继承与多继承用法分析
2018/07/13 Python
使用EduBlock轻松学习Python编程
2018/10/08 Python
TensorFlow命名空间和TensorBoard图节点实例
2020/01/23 Python
Python 生成VOC格式的标签实例
2020/03/10 Python
详解Python中的编码问题(encoding与decode、str与bytes)
2020/09/30 Python
python+excel接口自动化获取token并作为请求参数进行传参操作
2020/11/10 Python
html table呈现个人简历以及单元格宽度失效的问题解决
2021/01/22 HTML / CSS
英国文具、办公用品和科技商店:Ryman
2018/09/27 全球购物
银行实习人员自我鉴定
2013/09/22 职场文书
工程造价与财务管理专业应届生求职信
2013/10/06 职场文书
车贷收入证明范本
2014/01/09 职场文书
法人授权委托书
2014/04/03 职场文书
民间借贷协议书范本
2014/10/01 职场文书
2014年人事行政工作总结
2014/12/03 职场文书
学校通报表扬范文
2015/05/04 职场文书
预备党员转正意见
2015/06/01 职场文书
vue3获取当前路由地址
2022/02/18 Vue.js
Mysql超详细讲解死锁问题的理解
2022/04/01 MySQL
 Redis 串行生成顺序编码的方法实现
2022/04/03 Redis
PostgreSQL之连接失败的问题及解决
2023/05/08 PostgreSQL