织梦cms首页添加digg顶一下的修改方法

天外飘仙

首页文章加个“顶”的功能。感觉这功能还不错。
现在把文章内容页拔的顶拔出来、分享一下让各位需要的朋友参考使用
（特别注意：红色的是修改的地方）
第一步：
把顶踩的js和ajax提取出来，放在想要使用的页面用（比如：首页）
以下是内容页顶踩用的js、提取出来稍做修改，最后如下：

1. <script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
   
2. <script language="JavaScript">
   
3. <!--
   
4. function postDigg(ftype,aid,tomode)
   
5. {
   
6. var taget_obj = document.getElementById('newdigg'+'_'+aid);
   
7. var saveid = GetCookie('diggid'+aid);
   
8. if(saveid != null)
   
9. {
   
10. var saveids = saveid.split(',');
    
11. var hasid = false;
    
12. saveid = '';
    
13. j = 1;
    
14. for(i=saveids.length-1;i>=0;i--)
    
15. {
    
16. if(saveids==aid && hasid) continue;
    
17. else {
    
18. if(saveids==aid && !hasid) hasid = true;
    
19. saveid += (saveid=='' ? saveids : ','+saveids);
    
20. j++;
    
21. if(j==20 && hasid) break;
    
22. if(j==19 && !hasid) break;
    
23. }
    
24. }
    
25. /* 注释掉下面两行，可以不断顶、方便测试、要限制顶、把注释“//”去掉即可*/
    
26. //if(hasid) { alert("您已经顶过该帖，请不要重复顶帖 ！"); return; }
    
27. //else saveid += ','+aid;
    
28. SetCookie('diggid'+aid,saveid,1);
    
29. }
    
30. else
    
31. {
    
32. SetCookie('diggid'+aid,aid,1);
    
33. }
    
34. myajax = new DedeAjax(taget_obj,false,false,'','','');
    
35. var url = "{dede:global.cfg_phpurl/}/digg_ajax.php?action="+ftype+"&id="+aid+"&tomode="+tomode;
    
36. myajax.SendGet2(url);
    
37. }
    
38. function getDigg(aid,tomode)
    
39. {
    
40. var taget_obj = document.getElementById('newdigg'+'_'+aid);
    
41. myajax = new DedeAjax(taget_obj,false,false,'','','');
    
42. myajax.SendGet2("{dede:global.cfg_phpurl/}/digg_ajax.php?id="+aid+"&tomode="+tomode);
    
43. DedeXHTTP = null;
    
44. }
    
45. //-->
    
46. </script>

复制代码

第二步、修改 /plus/digg_ajax.php 这个文件
在最后的

1. }
   
2. AjaxHead();
   
3. echo $digg;
   
4. exit();
   
5. 的“}”上面加上以下代码：
   
6. if($_GET['tomode']=='xlist') {
   
7. $digg = '';
   
8. $digg = '<div id="newdigg_'.$id.'">
   
9. <em>['.$row['goodpost'].']</em>
   
10. <b onclick="postDigg(\'good\','.$id.',\'xlist\')" >顶一下</b>
    
11. <span>'.$row['goodper'].'%</span>
    
12. </div>';
    
13. }

复制代码

使用方法：
在需要加上顶的标题或记录加上下面代码：

1. <div class="xListdd" id="newdigg_[field:id/]" >
   
2. <em>[field:goodpost/]</em>
   
3. <b onclick="postDigg('good',[field:id /],'xlist')" >顶一下</b>
   
4. <span>[field:goodper/] %</span>
   
5. </div>
   
6. <script language="javascript" type="text/javascript">getDigg([field:id/],'xlist');</script>

复制代码

********************************************************************************************
实例：
***********************************这段是测试这个例子的css 样式、可以按需写自己需要的样式 ************************************

1. <style>
   
2. .xtestTop {
   
3. clear:both;
   
4. }
   
5. .xtestTop h2 {
   
6. font-size:30px;
   
7. line-height:35px;
   
8. height:35px;
   
9. font-family:微软雅黑;
   
10. float:left;
    
11. }
    
12. .xListdd * {
    
13. text-align:center;
    
14. }
    
15. .xListdd {
    
16. background:url();/** 背景 **/
    
17. width:50px;/** “顶”div 的宽度 **/
    
18. height:50px;/** “顶”div 的高度 **/
    
19. padding:3px;/** 内边距 **/
    
20. border:solid 1px #ddd;/** 边框 **/
    
21. float:left;
    
22. }
    
23. .xListdd em {/** “顶”数字的样式 **/
    
24. font-size:20px;
    
25. color:red;
    
26. font-style:normal;
    
27. display:block;
    
28. }
    
29. .xListdd b {/** “顶”鼠标的样式 这里是手 **/
    
30. cursor:hand;
    
31. font-weight:normal;/** 去掉粗体 **/
    
32. }
    
33. .xListdd span {
    
34. display:block;/** 如果不想显示这个百分比、把 display:block 改成 display:none 即可 **/
    
35. font-family:Arial;
    
36. font-size:10px;
    
37. }
    
38. </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}