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 相关文章推荐
Dojo 学习笔记入门篇 First Dojo Example
Nov 15 Javascript
Jquery选中或取消radio示例
Sep 29 Javascript
jQuery获得内容和属性示例代码
Jan 16 Javascript
jQuery DOM插入节点操作指南
Mar 03 Javascript
javascript实现的简单的表单验证
Jul 10 Javascript
JavaScript简单拖拽效果(1)
May 17 Javascript
让div运动起来 js实现缓动效果
Jul 06 Javascript
VueJs监听window.resize方法示例
Jan 17 Javascript
简单了解JS打开url的方法
Feb 21 Javascript
vue+axios全局添加请求头和参数操作
Jul 24 Javascript
Vue使用axios引起的后台session不同操作
Aug 14 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
Nov 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
收听短波不可能有声音清晰的品质吗
2021/03/01 无线电
深入PHP变量存储的详解
2013/06/13 PHP
php加密算法之实现可逆加密算法和解密分享
2014/01/21 PHP
详解PHP实现执行定时任务
2015/12/21 PHP
[原创]PHP获取数组表示的路径方法分析【数组转字符串】
2017/09/01 PHP
学习ExtJS form布局
2009/10/08 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
2013/07/10 Javascript
iframe子父页面调用js函数示例
2013/11/07 Javascript
返回上一页并自动刷新的JavaScript代码
2014/02/19 Javascript
javascript省市区三级联动下拉框菜单实例演示
2015/11/29 Javascript
JavaScript 正则表达式中global模式的特性
2016/02/25 Javascript
JS控制FileUpload的上传文件类型实例代码
2016/10/07 Javascript
JQuery学习总结【二】
2016/12/01 Javascript
jQuery dateRangePicker插件使用方法详解
2017/07/28 jQuery
Three.js 再探 - 写一个微信跳一跳极简版游戏
2018/01/04 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
2018/09/19 Javascript
js实现搜索栏效果
2018/11/16 Javascript
快速搭建Node.js(Express)用户注册、登录以及授权的方法
2019/05/09 Javascript
Echarts实现多条折线可拖拽效果
2019/12/19 Javascript
Vue用mixin合并重复代码的实现
2020/11/27 Vue.js
[54:56]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第三局
2016/03/06 DOTA
Python中列表和元组的使用方法和区别详解
2020/12/30 Python
简单实现python进度条脚本
2017/12/18 Python
Pandas实现数据类型转换的一些小技巧汇总
2018/05/07 Python
对Python 多线程统计所有csv文件的行数方法详解
2019/02/12 Python
使用Python正则表达式操作文本数据的方法
2019/05/14 Python
python线程信号量semaphore使用解析
2019/11/30 Python
python 瀑布线指标编写实例
2020/06/03 Python
迷你唐卡软皮鞋:Minnetonka Moccasin
2018/05/01 全球购物
伦敦眼门票在线预订:London Eye
2018/05/31 全球购物
教师师德承诺书
2014/03/26 职场文书
安全保证书范文
2014/04/29 职场文书
保护环境标语
2014/06/09 职场文书
2014报到证办理个人委托书
2014/10/08 职场文书
说谎欺骗人检讨书300字
2014/11/18 职场文书
Python基础之字符串格式化详解
2021/04/21 Python