网站列表页中如果有很多资讯,就自然会分成很多分页,在分页想如果想要输入页码就可以跳转到指定的页面也可以提升网站用户体验度,实现这样的效果可以在模板中直接添加代码,也可以做js调用。
打开列表页模板/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("请输入数字!");
retu 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}";
}
retu true;
}
</script>
下面的是列表页的分页代码,替换原来的分页代码,具体的显示样式自己调整。
<div class="dede_pages">
<ul class="pagelist">
<form name="beginPagefrm" method=post action="" onsubmit="retu onCheckPage()">
{dede:pagelist listitem="index,end,pre,next,pageno" listsize="5"/}直接到第<input size=4 name="beginPage" value="">页<input type="submit" name="Submit" value="前住">
</form>
</ul>
</div>

免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。