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 相关文章推荐
关于恒等于(===)和非恒等于(!==)
Aug 20 Javascript
3Z版基于jquery的图片复选框(asp.net+jquery)
Apr 12 Javascript
JQuery开发的数独游戏代码
Oct 29 Javascript
JavaScript 验证码的实例代码(附效果图)
Mar 22 Javascript
ExtJS DOM元素操作经验分享
Aug 28 Javascript
为什么JS中eval处理JSON数据要加括号
Apr 13 Javascript
jQuery拖动元素并对元素进行重新排序
Dec 30 Javascript
js中 计算两个日期间的工作日的简单实例
Aug 08 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
Nov 09 Javascript
浅谈angular4.0中路由传递参数、获取参数最nice的写法
Mar 12 Javascript
Vue3.0结合bootstrap创建多页面应用
May 28 Javascript
TypeScript中条件类型精读与实践记录
Oct 05 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导出MySQL数据到Excel文件(fputcsv)
2011/07/03 PHP
浅析php中抽象类和接口的概念以及区别
2013/06/27 PHP
php中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
Laravel框架实现超简单的分页效果示例
2019/02/08 PHP
基于jquery的仿百度搜索框效果代码
2011/04/11 Javascript
javascript 学习笔记(八)javascript对象
2011/04/12 Javascript
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
2012/03/04 Javascript
Js表格万条数据瞬间加载实现代码
2014/02/20 Javascript
JS中类或对象的定义说明
2014/03/10 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
2014/09/11 Javascript
JavaScript中document.forms[0]与getElementByName区别
2015/01/21 Javascript
浅谈Javascript中的Function与Object
2015/01/26 Javascript
JS实现的不规则TAB选项卡效果代码
2015/09/18 Javascript
在Ubuntu系统上安装Node.JS的教程
2015/10/15 Javascript
react native带索引的城市列表组件的实例代码
2017/08/08 Javascript
微信小程序实现轮播图效果
2017/09/07 Javascript
Angular使用Md5加密的解决方法
2017/09/16 Javascript
解决Vue不能检测数组或对象变动的问题
2018/02/24 Javascript
微信小程序实现禁止分享代码实例
2019/10/19 Javascript
JavaScript原生数组函数实例汇总
2020/10/14 Javascript
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
[54:57]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第二场 1月8日
2021/03/11 DOTA
python计算圆周长、面积、球体体积并画出圆
2014/04/08 Python
使用Python发送各种形式的邮件的方法汇总
2015/11/09 Python
Python文件与文件夹常见基本操作总结
2016/09/19 Python
详解Python 实现元胞自动机中的生命游戏(Game of life)
2018/01/27 Python
使用Python写一个量化股票提醒系统
2018/08/22 Python
Python动态导入模块和反射机制详解
2020/02/18 Python
scrapy框架携带cookie访问淘宝购物车功能的实现代码
2020/07/07 Python
Python 通过正则表达式快速获取电影的下载地址
2020/08/17 Python
领导干部学习“三严三实”思想汇报
2014/09/15 职场文书
道歉信怎么写
2015/05/12 职场文书
2015年惩防体系建设工作总结
2015/05/22 职场文书
同意落户证明
2015/06/19 职场文书
2016年秋季开学典礼新闻稿
2015/11/25 职场文书
Python使用OpenCV实现虚拟缩放效果
2022/02/28 Python