久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

Wordpress實(shí)現(xiàn)文章支持和反對(duì)功能的方法

這篇文章主要為大家介紹了Wordpress實(shí)現(xiàn)文章支持和反對(duì)功能的方法,通過添加自定義函數(shù)實(shí)現(xiàn)文章的支持和反對(duì)功能,是比較典型的WordPress二次開發(fā)技巧,具有一定的參考借鑒價(jià)值,需要的朋

本文實(shí)例講述了Wordpress實(shí)現(xiàn)文章支持和反對(duì)功能的方法。分享給大家供大家參考。具體分析如下:

如果你上網(wǎng)易或QQ網(wǎng)站都會(huì)看到文章頁(yè)面有很多種支持和反對(duì)的功能,我們可以發(fā)表自己的意見,那么要如何實(shí)現(xiàn)文章支持和反對(duì)的功能,下面我來(lái)介紹利用ajax快速實(shí)現(xiàn).

我是用wp做二次開發(fā)的,當(dāng)然你也可以裝插件,不過我是自己定制的了,實(shí)現(xiàn)代碼:

首先在數(shù)據(jù)庫(kù)表wp_posts添加兩個(gè)字段like 和unlike

PHP實(shí)例代碼如下:

復(fù)制代碼
代碼如下:
public function dolike_unlike(){
$b = M();
$input = new input();
$id = $input->post('id');//過濾提交的信息。防止sql注入,之前發(fā)的代碼我都補(bǔ)上了。
//$id = 5524;
$val = $_POST['data'];
if($val==1){
$b->query("update `wp_posts` set `like` =`like`+1 WHERE id = $id");//點(diǎn)擊like的更新
}else if($val==0){
$b->query("update `wp_posts` set `unlike` =`unlike`+1 WHERE id = $id"); //dislike更新
}else{
$this->error('error');
}
$list = $b->query("SELECT `like`,`unlike` FROM `wp_posts` WHERE id = $id");//獲取數(shù)據(jù)
$like = $list[0]['like'];
$dislike = $list[0]['unlike'];
if($like!=0 || $dislike!=0){//計(jì)算
$elike = $like/($like+$dislike);
$elike = substr($elike*100,0,4);
$edislike = $dislike/($like+$dislike);
$edislike = substr($edislike*100,0,4);
}
//echo $elike;
$output = array(//組合函數(shù)待輸出
likenum=>$like,
dislikenum=>$dislike,
like=>$elike,
dislike=>$edislike
);
//echo $list;
//dump($output);
$this->ajaxReturn($output,'success',1);//輸出
//echo 'ok';
//$this->display('');
}

html實(shí)例代碼如下:

復(fù)制代碼
代碼如下:
<div class="cl"></div>
<style>
.recomm{ border-bottom:4px solid #FF7523; color:#FF7523}
.single_share_class{ position:absolute; left:-95px; top:80px; width:75px; height:328px; text-align:center; background:url(/img/single_page_share.png) no-repeat;}
.single_share_class .comm_num{ padding:12px 0 48px 0px}
.single_share_class .comm_num span{ font-size:10px; line-height:11px; color:#ff9853; display:block}
.single_share_class >span >span >span{ margin-bottom:7px !important;}
.single_share_class .copylink{ padding:28px 0 0 0; cursor:pointer}
.single_share_class .st_sharethis_large >span >span{ background:none !important}
.dingandcai{ width:526px; height:62px; background:url(/img/likeandunlike.jpg) no-repeat; margin:20px 0;line-height:62px; text-align:center; font-size:24px; text-shadow:1px 1px 1px #000; }
.dingandcai .left_like{ width:224px; float:left;height:62px; position:relative}
.dingandcai .left_like span,.dingandcai .right_unlike span{ position:relative; z-index:2}
.dingandcai .dingload{ width:78px; float:left; }
.dingandcai .right_unlike{ width:224px; float:left; height:62px;position:relative }
.dingandcai .left_like .left_con{ background:url(/img/likeandunlike.jpg) 0px -63px no-repeat; width:50%; height:62px;position:absolute;top:0;left:0; z-index:1}
.dingandcai .right_unlike .right_con{ background:url(/img/likeandunlike.jpg) -302px -63px no-repeat; width:50%; height:62px;position:absolute;top:0;left:0; z-index:1}
.allow_click,.disallow_click{cursor:pointer}
</style>
<div class="dingandcai">
<div class="left_like" val="1" postid="<?php the_ID(); ?>">
<div class="left_con"></div><span id="like">Like</span>
</div>
<div class="dingload">
<img src="/img/loading_sm.gif" />&nbsp;
</div>
<div class="right_unlike" val="0" postid="<?php the_ID(); ?>">
<div class="right_con"></div>
<span id="dislike">Dislike</span>
</div>
</div>
<div class="cl"></div>

js實(shí)例代碼如下:

復(fù)制代碼
代碼如下:
jQuery(".dingload img").ajaxStart(function(){//ajax提示
jQuery(this).show();
});
jQuery(".dingload img").ajaxStop(function(){
jQuery(this).hide();
});
var pid = jQuery(".left_like").attr("postid");
var likecookie = jQuery.cookie("like"+pid);
if(likecookie!=pid){//判斷是否點(diǎn)擊過,如果沒有點(diǎn)擊則
jQuery(".left_like,.right_unlike").addClass("allow_click");
jQuery.get('/cityosweb/default.php/Shanmao/wplike_unlike',{id:pid},function(data){
if(data.status==1){//顯示背景百分比和like dislike字樣
jQuery(".left_like .left_con").css("width",data.data.like+"%");
jQuery(".right_unlike .right_con").css("width",data.data.dislike+"%");
}
},"json");
}else{//如果已經(jīng)投過票了則
jQuery(".left_like,.right_unlike").addClass("disallow_click");
jQuery.get('/cityosweb/default.php/Shanmao/wplike_unlike',{id:pid},function(data){
if(data.status==1){//顯示背景百分比和投票數(shù)
//alert(data.likenum);
jQuery("#like").html(data.data.likenum);
jQuery("#dislike").html(data.data.dislikenum);
jQuery(".left_like .left_con").css("width",data.data.like+"%");
jQuery(".right_unlike .right_con").css("width",data.data.dislike+"%");
}
},"json");
}
jQuery(".left_like,.right_unlike").click(function(){
if(jQuery(this).hasClass("allow_click")){//如果有這個(gè)class才提交
var val = jQuery(this).attr("val");
var postid = jQuery(this).attr("postid");
jQuery.post('/cityosweb/default.php/Shanmao/dolike_unlike',{data:val,id:postid},function(data){//點(diǎn)擊的時(shí)候
if(data.status==1){//成功返回處理
jQuery("#like").html(data.data.likenum);
jQuery("#dislike").html(data.data.dislikenum);
jQuery(".left_like .left_con").css("width",data.data.like+"%");
jQuery(".right_unlike .right_con").css("width",data.data.dislike+"%");
jQuery(".left_like,.right_unlike").removeClass("allow_click").addClass("disallow_click");
jQuery.cookie('like'+postid,postid,{expires: 1});//提交后寫入cookie,這里是用juqery.cookie插件。保存一天時(shí)間,每篇文章保存不一樣的id。值隨意,只要你上面好做判斷。
}else{
alert(data.info);
}
},"json");
}
});
jQuery(".disallow_click").live("click",function(){//不允許提交時(shí)候彈出
alert("Your vote has already been submitted!");
});

希望本文所述對(duì)大家的WordPress建站有所幫助。

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測(cè)試外,其他素材未做測(cè)試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

我們有時(shí)候需要對(duì)織夢(mèng)文檔的點(diǎn)擊量進(jìn)行批量維護(hù),比如采集來(lái)的文章,點(diǎn)擊量都為0,需要批量修改,可以用到如下方法1。 1、在數(shù)據(jù)庫(kù)里運(yùn)行下面的代碼就可以了,文章的點(diǎn)擊量變得
下面小編就為大家分享一篇php 替換文章中的圖片路徑,下載圖片到本地服務(wù)器的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧
這篇文章主要給大家介紹了關(guān)于php支持的協(xié)議與封裝協(xié)議的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用PHP具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編
給大家分享一下anyproxy進(jìn)階使用方法,并且通過這個(gè)分享如何提高公眾號(hào)文章采集效率的分析,需要的朋友參考學(xué)習(xí)下吧。
給大家分析一下如何用PHP寫出采集微信公眾號(hào)文章的方法以及代碼詳細(xì)講解,需要的朋友學(xué)習(xí)一下。
wordpress是很多新手站長(zhǎng)搭建個(gè)人博客最喜愛的程序,但是最近在使用WordPress的時(shí)候遇到了一些問題,所以想著將遇到問題總結(jié)分享出來(lái),下面這篇文章主要給大家介紹了關(guān)于wordpress在安
主站蜘蛛池模板: 日韩免费在线视频 | 成人深夜视频 | 国产人成一区二区三区影院 | 黄色成人在线视频 | 国产又爽又黄免费视频 | 欧美激情xxxx | 国内精品国产成人国产三级 | 日韩一级片视频 | 四川一级毛毛片 | 欧美xx孕妇 | 国产农村妇女aaaaa视频 | 日韩精品一级 | 一起操在线 | 日韩视频一区二区三区 | 91女人18毛片水多国产 | 99国产在线视频 | 日韩视频在线观看免费 | 欧美视频在线一区 | 天天爽夜夜爽夜夜爽 | 亚洲天堂2014 | 午夜在线视频观看 | 国产一级18片视频 | 国产精品av一区二区 | 亚洲h视频 | 一级做a爱片性色毛片 | 欧美激情啪啪 | 免费在线观看www | 国产成人a亚洲精品 | 日本黄色视 | 日本国产视频 | 欧美日韩精品一区 | 婷婷在线视频 | 国内精品久久久久 | 欧美成人精品欧美一级乱黄 | 久久久久久爱 | 婷婷视频在线 | 欧美视频在线观看 | 四虎影院在线免费观看 | 黄色成人在线视频 | 亚洲精品久久久久久久久久久 | 免费黄色小视频 |