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 构造函数,公有,私有特权和静态成员定义方法
Nov 30 Javascript
JQuery浮动DIV提示信息并自动隐藏的代码
Aug 29 Javascript
js中document.write的那点事
Dec 12 Javascript
javascript实现随时变化着的背景颜色
Apr 02 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
Dec 30 Javascript
Javascript创建类和对象详解
May 31 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
说说如何利用 Node.js 代理解决跨域问题
Apr 22 Javascript
利用原生JavaScript实现造日历轮子实例代码
May 08 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
Aug 09 Javascript
p5.js临摹动态图形实现方法详解
Oct 23 Javascript
微信小程序用户盒子、宫格列表的实现
Jul 01 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操作MongoDB时的整数问题及对策说明
2011/05/02 PHP
PHP 第二节 数据类型之数组
2012/04/28 PHP
PHP获取搜索引擎关键字来源的函数(支持百度和谷歌等搜索引擎)
2012/10/03 PHP
深入探讨:Nginx 502 Bad Gateway错误的解决方法
2013/06/03 PHP
php 使用GD库为页面增加水印示例代码
2014/03/24 PHP
php实现mysql事务处理的方法
2014/12/25 PHP
php开发中的页面跳转方法总结
2015/04/26 PHP
详解PHP实现异步调用的4种方法
2016/03/14 PHP
简单概括PHP的字符串中单引号与双引号的区别
2016/05/07 PHP
PHP多进程编程实例详解
2017/07/19 PHP
网页里控制图片大小的相关代码
2006/06/25 Javascript
javascript vvorld 在线加密破解方法
2008/11/13 Javascript
Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
2008/12/19 Javascript
跟我学习javascript的this关键字
2020/05/28 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
2016/05/13 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
2016/09/18 Javascript
php输出全部gb2312编码内的汉字方法
2017/03/04 Javascript
薪资那么高的Web前端必看书单
2017/10/13 Javascript
详解如何构建一个Angular6的第三方npm包
2018/09/07 Javascript
vue插件draggable实现拖拽移动图片顺序
2018/12/01 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
9种方法优化jQuery代码详解
2020/02/04 jQuery
Flexible.js可伸缩布局实现方法详解
2020/11/13 Javascript
Python CSV模块使用实例
2015/04/09 Python
Python中整数的缓存机制讲解
2019/02/16 Python
Django如何防止定时任务并发浅析
2019/05/14 Python
python中的协程深入理解
2019/06/10 Python
解决py2exe打包后,总是多显示一个DOS黑色窗口的问题
2019/06/21 Python
Python接收手机短信的代码整理
2020/08/02 Python
html5表单及新增的改良元素详解
2016/06/07 HTML / CSS
入团者的自我评价分享
2013/12/02 职场文书
高中教师考核方案
2014/05/18 职场文书
2015新年寄语(一句话)
2014/12/08 职场文书
大学四年个人总结
2015/03/03 职场文书
因公司原因离职的辞职信范文
2015/05/12 职场文书
2016年小学推普宣传周活动总结
2016/04/06 职场文书