有些新手朋友在剛開始做DedeCMS模板的時候,我相信很多人都會參照默認模板來進行修改或是制作。主要是參考里面的標簽含義,但是近來有人在問我,在默認模板首頁中有很長一段的JavaScript代碼,想弄清楚這些代碼的含義。
1)JS文件
-
<scriptlanguage="javascript"type="text/javascript"src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
上面這一段的作用是引入DedeCMS 的ajax框架,作用主要是在模板中的一些特效,比如登陸后改變登陸狀態(tài)、內(nèi)容頁頂與踩、評論列表的支持與反對等等(如果您不需要上述功能,這段代碼可以刪除);
-
<scriptlanguage="javascript"type="text/javascript"src="{dede:global.cfg_cmspath/}/images/js/j.js"></script>
上面這一個JS文件是經(jīng)過壓縮后的java代碼,他主要的作用是在默認模板中的中間部分的橫向滾動的“圖片資訊”的地方;
-
<scriptlanguage="javascript"type="text/javascript"src="{dede:global.cfg_templets_skin/}/js/pic_scroll.js"></script>
上面這一個JS文件的作用同上一個,也是“圖文資訊”滾動的地方;
-
<scriptlanguage="javascript"type="text/javascript"src="{dede:global.cfg_templets_skin/}/js/jquery.cookie.js"></script>
這個JS文件主要的作用是記錄換膚功能的cookies,用于保留用戶的選擇;
-
<scriptlanguage="javascript"type="text/javascript"src="{dede:global.cfg_templets_skin/}/js/changeSkin.js"></script>
這個JS文件主要用于換膚功能的具體實現(xiàn)代碼;
2)Javascript代碼
-
$(function(){
-
$("dl.tboxdtspan.labela[_for]").mouseover(function(){
-
$(this).parents("span.label").children("a[_for]").removeClass("thisclass").parents("dl.tbox").children("dd").hide();
-
$(this).addClass("thisclass").blur();
-
$("#"+$(this).attr("_for")).show();
-
});
-
$("a[_for=uc_member]").mouseover();
-
});
這段代碼的主要用途是首頁右側(cè)的互動中心中踩踩、評論、會員三個選項的切換效果;
-
functionCheckLogin(){
-
vartaget_obj=document.getElementById('_userlogin');
-
myajax=newDedeAjax(taget_obj,false,false,'','','');
-
myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php");
-
DedeXHTTP=null;
-
}
這段代碼的主要用途是判斷會員是否登錄,如果已經(jīng)登錄,則在互動中心的會員框里顯示/member/ajax_loginsta.php登陸后的內(nèi)容;
-
functionmulti(pagenum,tagid)
-
{
-
vartaget_obj=document.getElementById(tagid);
-
vartaget_obj_page=document.getElementById("page_"+tagid);
-
myajax=newDedeAjax(taget_obj,false,false,'','','');
-
myajax.SendGet2("/plus/arcmulti.php?mtype=0&pnum="+pagenum+'&tagid='+tagid);
-
myajax=newDedeAjax(taget_obj_page,false,false,'','','');
-
myajax.SendGet2("/plus/arcmulti.php?mtype=1&pnum="+pagenum+'&tagid='+tagid);
-
DedeXHTTP=null;
-
}
這段代碼的主要用途是右側(cè)的推薦內(nèi)容分頁,也是DedeV5.6版的新增功能(arclist標簽分頁);P.s:其實默認的ajax評論也是通過此種方式制作的。
-
functioncheck(){
-
if(document.formsearch.searchtype.value=="")
-
document.formsearch.action="http://www.google.cn/custom"
-
else
-
document.formsearch.action="{dede:fieldname='phpurl'/}/search.php"
-
}
這段代碼的的作用是頂部的goole搜索那個東西,具體的含義,當(dāng)我們選擇的搜索類型(searchtype)為空,那么提交的目標地址就是http://www.google.cn/custom,否則就提交到站內(nèi)搜索的地址/plus/search.php!