首頁文章加個(gè)“頂”的功能。感覺這功能還不錯(cuò)。
現(xiàn)在把文章內(nèi)容頁拔的頂拔出來、分享一下讓各位需要的朋友參考使用
（特別注意：紅色的是修改的地方）
第一步：
把頂踩的js和ajax提取出來，放在想要使用的頁面用（比如：首頁）
以下是內(nèi)容頁頂踩用的js、提取出來稍做修改，最后如下：
<script language="javascript" type="text/javascript" src="http://pic.html5code.net{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)頂過該帖，請(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}