DedeCMS列表页顶踩后高亮显示的实现方法
之前在《DedeCMS文章页实现点赞功能（非插件）》中，余斗主要讲了如何不用插件来实现织梦文章的顶踩点赞功能，今天我们想实现在列表页对内容点赞顶踩，然后点赞之后会高亮显示。
可限制每个人对一个内容的点赞数次,比如以下是规定3次.超过三次会限制的。注意,模板中必须引入cookie相关的js,即.通过cookie记住是否顶过：
<script language=
“javascript” type=
“text/javascript” src=
“{dede:global.cfg_cmsurl/}/include/dedeajax2.js”></script>
因为这句,所以需要引入jq,当然也可以直接用原生js的：
<script src=
“{dede:global.cfg_templets_skin/}/js/jquery.min.js”></script>
以下为模板代码：
<script language=
“javascript” type=
“text/javascript”>
//SetCookie(‘diggid’,null,1); //清空cookie
function postDigg(ftype,aid)
{
var taget_obj = document.getElementById(
‘diggNum’+aid);
var saveid = GetCookie(
‘diggid’);
//我所有赞过的文章id
// alert(saveid);
if(saveid != null)
{
var saveids = saveid.split(
‘,’);
var hasid =
false;
//cookie中是否已有顶过的记录
var can_digg =
false;
//是否还可再顶一次
saveid =
”;
// j = 1;
for(i=saveids.length-
1;i>=
0;i–)
{
var oldaid_arr=saveids[i].split(
‘:’);
// alert(saveids[i]);
if(oldaid_arr[
0]==aid) {
hasid=
true;
if( oldaid_arr[
1]>=
3){
saveid += (saveid==
” ? saveids[i] :
‘,’+saveids[i] );
can_digg=
false;
//alert(‘大于3’);
}
else{
//小于点击次数
//alert(‘再顶一次’);
can_digg=
true;
saveid += (saveid==
” ? oldaid_arr[
0]+
‘:’+ (parseInt(oldaid_arr[
1])+
1):
‘,’+oldaid_arr[
0]+
‘:’+ (parseInt(oldaid_arr[
1])+
1));
}
}
else {
//alert(‘id不对应’);
saveid += (saveid==
” ? saveids[i] :
‘,’+saveids[i] );
}
}
///循环结束
if(hasid) {
if(can_digg){
}
else{
alert(
“您已经顶过该帖3次了，请休息一下吧 ！”);
return;
}
SetCookie(
‘diggid’,saveid,
1);
}
else {
saveid +=
‘,’+aid+
‘:1’;
//原 cookie没有本文章id 在后面追加上
SetCookie(
‘diggid’,saveid,
1);
// alert(‘原 cookie没有本文章id 在后面追加上’);
}
}
else
{
//如果cookie中无记录,则记录
SetCookie(
‘diggid’,aid+
‘:1’,
1);
// alert(‘cookie中无记录’);
}
myajax =
new DedeAjax(taget_obj,
false,
false,
”,
”,
”);
var url =
“{dede:global.cfg_phpurl/}/digg_ajax_list.php?action=”+ftype+
“&id=”+aid;
myajax.SendGet2(url);
DedeXHTTP = null;
}
function getDigg(){
var saveid = GetCookie(
‘diggid’);
//我所有赞过的文章id
if(saveid != null)
{
var saveids = saveid.split(
‘,’);
var hasid =
false;
saveid =
”;
j =
1;
for(i=saveids.length-
1;i>=
0;i–)
{
var oldaid_arr=saveids[i].split(
‘:’);
$(
‘#digg’+oldaid_arr[
0]).addClass(
“icon-heart-on”);
//document.getElementById(‘digg’+saveids[i]).addClass(“icon-heart-on”);
}
}
}
getDigg();
//本函数需要放在网页最下面
</script>
调用代码：
{dede:arclist row=
‘6’ orderby=
‘id’ titlelen=
‘100’}
<span id=
“diggNum[field:id/]”> <a href=
“javascript:”
class=
” text-bbb text-16″ onclick=
“javascript:postDigg(‘good’,[field:id/])”><span id=
“digg[field:id/]”
class=
“icon-heart2 “> </span> </a>[field:goodpost/]
</span>
{/dede:arclist}
CSS代码：
.icon-heart2{
background: url(../images/bg-main.png) –
22px 5px no-repeat;
}
.icon-heart2:hover{
background: url(../images/bg-main.png)
2px 4px no-repeat;
}
.icon-heart-on{
background: url(../images/bg-main.png)
2px 4px no-repeat;
}
然后在,plus中新建立一个digg_ajax_list.php文件,内容为：
<?php
require_once(dirname(__FILE__).
“/../include/common.inc.php”);
$action = isset($action) ? trim($action) :
”;
$id = empty($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(empty($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 class=” text-bbb text-16″href=”javascript:” οnclick=”javascript:postDigg(‘good’,’.$id.
‘)”><span =id=”digg’.$id.
‘”class=”icon-heart-on”> </span> </a>’.$row[
‘goodpost’];
//点击后,如果从没有被赞过,则自动把新的点击次数重写入目标位置.
}
AjaxHead();
echo $digg;
exit();
?>
完成后在列表页部署好调用代码，即可实现此功能！
