首頁(yè)文章加個(gè)“頂”的功能。感覺(jué)這功能還不錯(cuò)。
現(xiàn)在把文章內(nèi)容頁(yè)拔的頂拔出來(lái)、分享一下讓各位需要的朋友參考使用
（特別注意：紅色的是修改的地方）
第一步：
把頂踩的js和ajax提取出來(lái)，放在想要使用的頁(yè)面用（比如：首頁(yè)）
以下是內(nèi)容頁(yè)頂踩用的js、提取出來(lái)稍做修改，最后如下：
<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script> <script language="JavaScript"> <!-- function postDigg(ftype,aid,tomode) { var taget_obj = document.getElementById('newdigg'+'_'+aid); var saveid = GetCookie('diggid'+aid); if(saveid != null) { var saveids = saveid.split(','); var hasid = false; saveid = ''; j = 1; for(i=saveids.length-1;i>=0;i--) { if(saveids==aid && hasid) continue; else { if(saveids==aid && !hasid) hasid = true; saveid += (saveid=='' ? saveids : ','+saveids); j++; if(j==20 && hasid) break; if(j==19 && !hasid) break; } } /* 注釋掉下面兩行，可以不斷頂、方便測(cè)試、要限制頂、把注釋“//”去掉即可*/ //if(hasid) { alert("您已經(jīng)頂過(guò)該帖，請(qǐng)不要重復(fù)頂帖 ！"); return; } //else saveid += ','+aid; SetCookie('diggid'+aid,saveid,1); } else { SetCookie('diggid'+aid,aid,1); } myajax = new DedeAjax(taget_obj,false,false,'','',''); var url = "{dede:global.cfg_phpurl/}/digg_ajax.php?action="+ftype+"&id="+aid+"&tomode="+tomode; myajax.SendGet2(url); } function getDigg(aid,tomode) { var taget_obj = document.getElementById('newdigg'+'_'+aid); myajax = new DedeAjax(taget_obj,false,false,'','',''); myajax.SendGet2("{dede:global.cfg_phpurl/}/digg_ajax.php?id="+aid+"&tomode="+tomode); DedeXHTTP = null; } //--> </script>
第二步、修改 /plus/digg_ajax.php 這個(gè)文件
在最后的
}
AjaxHead();
echo $digg;
exit();
的“}”上面加上以下代碼：
if($_GET['tomode']=='xlist') {
$digg = '';
$digg = '<div id="newdigg_'.$id.'">
<em>['.$row['goodpost'].']</em>
<b onclick="postDigg(&;good&;,'.$id.',&;xlist&;)" >頂一下</b>
<span>'.$row['goodper'].'%</span>
</div>';
}
使用方法：
在需要加上頂?shù)臉?biāo)題或記錄加上下面代碼：
<div class="xListdd" id="newdigg_[field:id/]" > <em>[field:goodpost/]</em> <b onclick="postDigg('good',[field:id /],'xlist')" >頂一下</b> <span>[field:goodper/] %</span> </div> <script language="javascript" type="text/javascript">getDigg([field:id/],'xlist');</script>
********************************************************************************************
實(shí)例：
***********************************這段是測(cè)試這個(gè)例子的css 樣式、可以按需寫自己需要的樣式 ************************************
<style> .xtestTop { clear:both; } .xtestTop h2 { font-size:30px; line-height:35px; height:35px; font-family:微軟雅黑; float:left; } .xListdd * { text-align:center; } .xListdd { background:url();/** 背景 **/ width:50px;/** “頂”div 的寬度 **/ height:50px;/** “頂”div 的高度 **/ padding:3px;/** 內(nèi)邊距 **/ border:solid 1px #ddd;/** 邊框 **/ float:left; } .xListdd em {/** “頂”數(shù)字的樣式 **/ font-size:20px; color:red; font-style:normal; display:block; } .xListdd b {/** “頂”鼠標(biāo)的樣式 這里是手 **/ cursor:hand; font-weight:normal;/** 去掉粗體 **/ } .xListdd span { display:block;/** 如果不想顯示這個(gè)百分比、把 display:block 改成 display:none 即可 **/ font-family:Arial; font-size:10px; } </style>
***********************************這段是測(cè)試這個(gè)例子的css 樣式、可以按需寫自己需要的樣式 ************************************{dede
:arclist flag='h' titlelen = 36 row='3' infolen='68' } <div style = 'clear:both;'> <div class="xListdd" id="newdigg_[field:id/]"> <em>[field:goodpost/]</em> <b onclick="postDigg('good',[field:id /],'xlist')" >頂一下</b> <span>[field:goodper/] %</span> </div> <script language="javascript" type="text/javascript">getDigg([field:id/],'xlist');</script> <h2><a href="[field:arcurl/]" >[field:title /]</a></h2> </div> {/dede:arclist}
