文档章节

织梦列表页,支持顶(赞)和踩的功能,顶过后标红高亮显示

越野小生
 越野小生
发布于 2016/06/14 23:15
字数 491
阅读 35
收藏 0

效果截图

模板

<script language="javascript" type="text/javascript">  
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;   
        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("您已经顶过该帖,请不要重复顶帖 !");
		//如果点击后,被赞过.则不需要更新统计,直接改变颜色
		$('#digg'+aid).addClass("icon-heart-on");
		return; 
		}   
        else saveid += ','+aid;   
        SetCookie('diggid',saveid,1);  
		
    }   
    else   
    {   //如果cookie中无记录,则记录
        SetCookie('diggid',aid,1); 
		
    }   
    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;  
}   

</script> 
{dede:arclist row='6' orderby='id' titlelen='100'}

 <span  id="diggNum[field:id/]">&nbsp;<a href="javascript:"class=" text-bbb text-16" onclick="javascript:postDigg('good',[field:id/])"><span id="digg[field:id/]" class="icon-heart2 ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>&nbsp;</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 = '#@__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:" onclick="javascript:postDigg(\'good\','.$id.')"><span  =id="digg'.$id.'"class="icon-heart-on">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>&nbsp;</a>'.$row['goodpost'];   //点击后,如果从没有被赞过,则自动把新的点击次数重写入目标位置.
}   
AjaxHead();   
echo $digg;   
exit();   
?>  

 

© 著作权归作者所有

共有 人打赏支持
越野小生
粉丝 3
博文 113
码字总数 32174
作品 0
杨浦
一刀/simpleblog

Django1.7开发一个简单的博客系统 三个分支: master: 主分支 py27: 基于python2.7.8版本的分支 py34: 基于python3.4.2版本的分支 教程地址: http://my.oschina.net/yidao620c/blog/343...

一刀
2015/01/05
0
0
EverVim 20170803 新增键位导航和多项优化

EverVim 20170803已发布。 版本发布仅为公布更新日志,安装时请仍使用 master 分支 EverVim IRC 聊天频道(freenode): #EverVim IRC 主要用于解决问题,发布更新日志和使用交流。Bug反馈请到G...

LER0ever
2017/08/03
917
10
简易博客系统--SimpleBlog

笔者用过django一段时间了,是时候写点东西了。不过官网文档稍微有点复杂,对新手而言很困难,而网上的一些教程很多都过时了,最近看到一个外文的教程非常不错,基于最新的django1.9写的,通...

一刀
2015/01/04
2.8K
0
SEO优化中的div+css命名规则

SEO(搜索引擎优化)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面中部IT网将对目前流行的CSS+DIV的命名规则整理如下: 页头:header 登录条:loginBar 标志...

断舍离
2014/05/11
0
0
对SEO优化有一定作用的DIV+CSS命名规则

SEO(搜索引擎优化)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面中部IT网将对目前流行的CSS+DIV的命名规则整理如下: 页头:header 登录条:loginBar 标志...

Minho
2012/03/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

聊聊redisson的DelayedQueue

序 本文主要研究一下redisson的DelayedQueue maven <dependency><groupId>org.redisson</groupId><artifactId>redisson</artifactId><version>3.8.1</version></dependenc......

go4it
21分钟前
1
0
一张图看懂JVM

JVM结构示意图 JVM总体概述 JVM总体上是由类装载子系统(ClassLoader)、运行时数据区、执行引擎、内存回收这四个部分组成。其中我们最为关注的运行时数据区,也就是JVM的内存部分则是由方法...

小致dad
23分钟前
0
0
安全管理标准

安全生产严重等级分类: 故障频次: 风险等级矩阵:

乔老哥
54分钟前
2
0
数据结构“树”的相关微视频

今天在腾讯视频上闲逛,然後发现一个叫“岚人”的用户上传了几段小视频,基本上都在5分钟以内,讲解了关于树的一些结构和算法。零代码,非常适合初学者入门。不过,对于老鸟来说,这也是非常...

Iridium
今天
1
0
10-利用思维导图梳理JavaSE-Java 集合

10-利用思维导图梳理JavaSE-Java 集合 主要内容 1.Collection接口 2.Set接口 2.1.Set接口概述 2.2.HashSet类 2.3.TreeSet类 2.4.SortedSet接口 3.List接口 3.1.List接口概述 3.2.ArrayList类...

飞鱼说编程
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部