• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

织梦吧 - dedecms,网站模板,建站教程,图片素材免费下载

DedeCMS视频教程

DedeCMS首页文档列表无刷新顶、踩调用标签以及教程

来源: www.dedecms8.com 编辑:织梦吧 时间:2012-06-14点击:
dedecms首页文档列表无刷新顶、踩调用标签以及教程

DEDE的顶客如何实现文章被顶后首页实时刷,而不需要全站刷新?就像A5首页的那样。  

经过简单的修改和测试已在本地运行环境中实现了该问题的效果,现将有关代码与解释贴出,希望能给大家一点参考:
•实现方法
•效果演示
•注意事项
1)实现方法
第一步:首先创建一个空白首页文件,在里面<body>区域加入以下调用代码:
<ol

    {dede:arclist row='5' titlelen='20'}  

    <li><a href="[field:arcurl/]">[field:title/]</a> <span id="diggNum[field:id/]">操作区:<a href="javascript:" onclick="javascript:postDigg('good',[field:id/])">顶</a>([field:goodpost/]) <a href="javascript:" onclick="javascript:postDigg('bad',[field:id/])">踩</a>([field:badpost/])</span></li> 
 

<script language="javascript" type="text/javascript">getDigg([field:id/]);</script>   

 
    {/dede:arclist}  
 
</ol> 

这里的<script language="javascript" type="text/javascript">getDigg([field:id/]);</script> 被加在了arclist标签里作为底层模板,是为了让每一篇文档都可以独立显示其顶和踩的状态。

第二步:在<head></head>区域内加入以下代码:

<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script> 

<script language="javascript" type="text/javascript"> 

function postDigg(ftype,aid)  

{  

    var taget_obj = document.getElementById('diggNum'+aid);  

    var saveid = GetCookie('diggid');  
    if(saveid != null)  
    {  

        var saveidsaveids = saveid.split(',');  

        var hasid = false;  

        saveid = '';  
        j = 1;  
        for(i=saveids.length-1;i>=0;i--)  
        {  

            if(saveids[i]==aid && hasid) continue;  

            else {  

                if(saveids[i]==aid && !hasid) hasid = true;  

 

                saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);  

                j++;  

                if(j==20 && hasid) break;  

                if(j==19 && !hasid) break;  

            }  
        }  
        if(hasid) { alert("您已经顶过该帖,请不要重复顶帖!"); return; }  
        else saveid += ','+aid;  

        SetCookie('diggid',saveid,1);  

    }  

    else  

    {  

        SetCookie('diggid',aid,1);  

    }  
    myajax = new DedeAjax(taget_obj,false,false,'','','');  

    var url = "{dede:global.cfg_phpurl/}/digg_ajax_index.php?action="+ftype+"id="+aid;   

myajax.SendGet2(url);  

 DedeXHTTP = null;  
}  
function getDigg(aid)  
{  
     var taget_obj = document.getElementById('diggNum'+aid);  
    myajax = new DedeAjax(taget_obj,false,false,'','','');  
    myajax.SendGet2("{dede:global.cfg_phpurl/}/digg_ajax_index.php?id="+aid);  
     DedeXHTTP = null;  
}  
</script>
这一段代码主要就是引入织梦系统自带的Ajax框架(dedeajax2.js)和两个操作的函数(postDigg(ftype,aid)getDigg(aid))
 
有了这两个,基本框架已经实现了!接下来要做的就是:
 
第三步:在/plus/ 文件夹下创建一个名为digg_ajax_index.php的文件,该文件的内容为:
<?php  
/**************** 
    @@ 功能:用于列表中DIGG处理效果 
 
    @@ 作者:华强℡(QQ:3421209) 
 
    @@ 网站:模板天下(www.xuewl.com) 
 
    @@ 日期:2010-10-26 
 
****************/ 

require_once(dirname(__FILE__)."/../include/common.inc.php");  

$action = isset($action) ? trim($action) : '';  

$id = emptyempty($id)? 0 : intval(preg_replace("/[^\d]/",'', $id));  

if($id < 1)  

 {  
    exit();  
}  
 

$maintable = 'dede_archives';  

 

if($action == 'good')  

 
{  
 

    $dsql->ExecuteNoneQuery("Update `$maintable` set scores = scores + {$cfg_caicai_add},goodpost=goodpost+1,lastpost=".time()." where id='$id'");  

 
}  
 

else if($action=='bad')  

 
{  
 

    $dsql->ExecuteNoneQuery("Update `$maintable` set scores = scores - {$cfg_caicai_sub},badpost=badpost+1,lastpost=".time()." where id='$id'");  

 
}  
 
$digg = '';  
 
$row = $dsql->GetOne("Select goodpost,badpost,scores From `$maintable` where id='$id' ");  
 
if(!is_array($row))  
 
{  
 

    exit();  

 
}  
 

if($row['goodpost']+$row['badpost'] == 0)  

 
{  
 

    $row['goodper'] = $row['badper'] = 0;  

 
}  
 
else 
 
{  
 

    $row['goodper'] = number_format($row['goodpost']/($row['goodpost']+$row['badpost']),3)*100;  

 

    $row['badper'] = 100-$row['goodper'];  

 
}  
 
 
 

if(emptyempty($formurl)) $formurl = '';  

 

if($formurl=='caicai')  

 
{  
 

    if($action == 'good') $digg = $row['goodpost'];  

 

    if($action == 'bad') $digg = $row['badpost'];  

 
}  
 
else 
 
{  
 

    $row['goodper'] = trim(sprintf("%4.2f", $row['goodper']));  

 

    $row['badper'] = trim(sprintf("%4.2f", $row['badper']));      

 
    $digg = '操作区:<a href="javascript:" onclick="javascript:postDigg(\'good\','.$id.')">顶</a>('.$row['goodpost'].') <a href="javascript:" onclick="javascript:postDigg(\'bad\','.$id.')">踩</a>('.$row['badpost'].')';  
 
}  
 
AjaxHead(); 
echo $digg;  
 
exit();  
 
?> 
保存即可!
 
标签:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流平台
  • 唯一网址 www.DedeCMS8.com 网站地图
  • 联系我们 tom@tiptop.cn ,  QQ