首頁文章加個“頂”的功能。感覺這功能還不錯。
現在把文章內容頁拔的頂拔出來、分享一下讓各位需要的朋友參考使用
（特別注意：紅色的是修改的地方）
第一步：
把頂踩的js和ajax提取出來，放在想要使用的頁面用（比如：首頁）
以下是內容頁頂踩用的js、提取出來稍做修改，最后如下：
<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; } } /* 注釋掉下面兩行，可以不斷頂、方便測試、要限制頂、把注釋“//”去掉即可*/ //if(hasid) { alert("您已經頂過該帖，請不要重復頂帖 ！"); 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 這個文件
在最后的
}
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>';
}
使用方法：
在需要加上頂的標題或記錄加上下面代碼：
<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>
********************************************************************************************
實例：
***********************************這段是測試這個例子的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;/** 內邊距 **/ border:solid 1px #ddd;/** 邊框 **/ float:left; } .xListdd em {/** “頂”數字的樣式 **/ font-size:20px; color:red; font-style:normal; display:block; } .xListdd b {/** “頂”鼠標的樣式 這里是手 **/ cursor:hand; font-weight:normal;/** 去掉粗體 **/ } .xListdd span { display:block;/** 如果不想顯示這個百分比、把 display:block 改成 display:none 即可 **/ font-family:Arial; font-size:10px; } </style>
***********************************這段是測試這個例子的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}
