網(wǎng)站列表頁中如果有很多資訊,就自然會分成很多分頁,在分頁想如果想要輸入頁碼就可以跳轉(zhuǎn)到指定的頁面也可以提升網(wǎng)站用戶體驗度,實現(xiàn)這樣的效果可以在模板中直接添加代碼,也可以做js調(diào)用。
打開列表頁模板/templets/default/list_article.htm
將下列代碼插入<head></head>之間,也可以做JS調(diào)用。
<script type="text/javascript">// <![CDATA[
function onCheckPage(){
var beginPage = parseInt(document.beginPagefrm.beginPage.value);
if(isNaN(beginPage)){
alert("請輸入數(shù)字!");
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>
下面的是列表頁的分頁代碼,替換原來的分頁代碼,具體的顯示樣式自己調(diào)整。
<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>