网站列表页中如果有很多资讯,就自然会分成很多分页,在分页想如果想要输入页码就可以跳转到指定的页面也可以提升网站用户体验度,实现这样的效果可以在模板中直接添加代码,也可以做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> (责任编辑:最模板) |