[织梦教程] 织梦列表分页 输入数字跳转到指定分页

[复制链接]
查看1160 | 回复9 | 2019-3-17 00:09:44 | 显示全部楼层 |阅读模式
打开您的列表模板,这里我们用织梦默认的模板list_article.htm做案例。
 
编辑织梦分页打开列表页模板,默认路径为\templets\default\list_article.htm,
 
将下列代码插入<head></head>之间,也可以做JS调用。
 
 点击下载JS代码
打开您的列表模板,这里我们用织梦默认的模板list_article.htm做案例。

编辑织梦分页打开列表页模板,默认路径为\templets\default\list_article.htm,

将下列代码插入<head></head>之间,也可以做JS调用。

<script type="text/javascript">// <![CDATA[
function onCheckPage(){
var beginPage = parseInt(document.beginPagefrm.beginPage.value);
if(isNaN(beginPage)){
alert("请输入数字!");
return false;
}
if(beginPage <= 0 ) { beginPage = 1; } if(beginPage > 100){
beginPage = 100;
}
if(beginPage > 1 ) {
document.beginPagefrm.action = "list_{dede:field name='typeid'/}_" + beginPage + ".html";
} else {
document.beginPagefrm.action = "{dede:type typeid=’0′ row=1}[field:typelink /]{/dede:type}";
}
return true;
}
</script>

下面的是列表页的分页代码,替换原来的分页代码,测试过有效,具体的显示样式自己调整。
<div class="page_list">   
<form name="beginPagefrm" method=post action="" onsubmit="return onCheckPage()">
{dede:pagelist listitem="index,end,pre,next,pageno" listsize="5"/}
直接到第<input size=4 name="beginPage" value="">页<input type="submit" name="Submit" value="前住">
</form>
</div>


这里还有很多分页的样式,大家可以复制下样式,分页样式可以自行修改 。
 
下面的是列表页的分页代码,替换原来的分页代码,测试过有效,具体的显示样式自己调整。
 
点击下载分页代码
 
打开您的列表模板,这里我们用织梦默认的模板list_article.htm做案例。

编辑织梦分页打开列表页模板,默认路径为\templets\default\list_article.htm,

将下列代码插入<head></head>之间,也可以做JS调用。

<script type="text/javascript">// <![CDATA[
function onCheckPage(){
var beginPage = parseInt(document.beginPagefrm.beginPage.value);
if(isNaN(beginPage)){
alert("请输入数字!");
return false;
}
if(beginPage <= 0 ) { beginPage = 1; } if(beginPage > 100){
beginPage = 100;
}
if(beginPage > 1 ) {
document.beginPagefrm.action = "list_{dede:field name='typeid'/}_" + beginPage + ".html";
} else {
document.beginPagefrm.action = "{dede:type typeid=’0′ row=1}[field:typelink /]{/dede:type}";
}
return true;
}
</script>

下面的是列表页的分页代码,替换原来的分页代码,测试过有效,具体的显示样式自己调整。
<div class="page_list">   
<form name="beginPagefrm" method=post action="" onsubmit="return onCheckPage()">
{dede:pagelist listitem="index,end,pre,next,pageno" listsize="5"/}
直接到第<input size=4 name="beginPage" value="">页<input type="submit" name="Submit" value="前住">
</form>
</div>


这里还有很多分页的样式,大家可以复制下样式,分页样式可以自行修改 。
 
从0基础开始学习织梦dedecms建站,分享全套的织梦dedecms网站搭建教程、织梦安装使用教程。 汇聚了最全、最新的织梦cms建站教程。包含dedecms建站、仿站教程;dedecms系统使用常见问题;主题插件推荐下载等!欢迎学习!
回复

使用道具 举报

123457321 | 2021-2-18 21:34:28 | 显示全部楼层
这个下载站资源真齐全
回复

使用道具 举报

SUNSHINEhzl | 2021-7-23 04:18:41 | 显示全部楼层
祝愿悟空源码越办越好!
回复

使用道具 举报

阿甘cx1982 | 2022-1-29 07:06:18 | 显示全部楼层
谢谢楼主分享的资源,爱了~~~
回复

使用道具 举报

扬帆46 | 2022-2-23 08:40:53 | 显示全部楼层
站长真良心,这么大的资源站都是免费下载
回复

使用道具 举报

尘埃384 | 2022-6-1 04:42:20 | 显示全部楼层
加油!悟空源码,继续努力!支持你!
回复

使用道具 举报

123457732 | 2022-6-1 06:58:10 | 显示全部楼层
有情怀的站啊,爱了
回复

使用道具 举报

枣强公用号 | 2022-6-3 16:50:25 | 显示全部楼层
6666悟空源码资源多!
回复

使用道具 举报

123456911 | 2023-1-5 08:50:07 | 显示全部楼层
谢谢楼主分享的资源,爱了~~~
回复

使用道具 举报

恶贯满瘾锥 | 2023-1-20 18:55:02 | 显示全部楼层
支持悟空源码,越来越好
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则