技术文摘

帝国CMS列表内AJAX无刷新点赞代码

作者:雨祺   发表于:
浏览:121次    字数:5180  原创
级别: 站长   总稿: 68 篇,  月稿: 0
帝国CMS列表内AJAX无刷新点赞代码,实现列表内AJAX无刷新点赞,直接上代码,注意需要jquery.min.js支持!
列表模板里写:
  1. <script type="text/javascript">  
  2. $(".icon-thumbs-up").click(function(event){  
  3.   event.preventDefault();  
  4.   var mythis = $(this);  
  5.   var classid = mythis.data("classid");  
  6.   var id = mythis.data("id");  
  7.   $.ajax({  
  8.     type:"GET",  
  9.     url:"[!--news.url--]e/public/digg/",  
  10.     data:{"classid":classid,"id":id,"dotop":1,"doajax":1,"ajaxarea":"diggnum"},  
  11.     dataType:"text",  
  12.     success:function(data){  
  13.       var reinfo = data.split("|");  
  14.       if (reinfo.length != 1) {  
  15.         if (reinfo[0] != "") {  
  16.           mythis.find("em").html(reinfo[0]);  
  17.         }  
  18.         if (reinfo[2] != "") {  
  19.           //var left = parseInt(mythis.offset().left)+20, top = parseInt(mythis.offset().top);  
  20.           var left = 20, top = mythis.find("em").get(0).offsetHeight;  
  21.           $(".zan").remove();  
  22.           if (reinfo[2] == "谢谢您的支持") {  
  23.             mythis.append('<div class="zan">+1 谢谢您的支持</div>');  
  24.             //$("body").append('<div class="zan">+1 谢谢您的支持</div>');  
  25.           }else{  
  26.             mythis.append('<div class="zan">已赞</div>');  
  27.             //$("body").append('<div class="zan">已赞</div>');  
  28.           }  
  29.           //"text-shadow":"0 1px 0 rgba(0,0,0,0.5)","font-family":"simsun"  
  30.            $(".zan").css({"position":"absolute","z-index":"10","left":left+"px","top":-top+"px","color":"inherit","width":"120px","height":"60px","background":"#fff","border-radius":"6px"}).animate({top:-top-30},"slow",function(){$(this).fadeIn("fast").remove();});  
  31.         }  
  32.       }else{}  
  33.     }  
  34.   });  
  35. });  
  36. </script> 
列表内容模板需要点赞的地方写:
  1. <a href="[!--titleurl--]" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="icon-thumbs-up" data-classid="[!--classid--]" data-id="[!--id--]"><span class="font"><i class="fa fa-heart-o"></i><em>[!--diggtop--]</em>个赞</span></a> 
帝国cms7.5使用 点击加载更多系列(七) 点击加载更多消息(消息列表夹页面使用)

1.页面需要引入jquery.js文件

2. 消息列表页合适位置添加以下代码(我是在<div>中添加的,关键是要添加代码: id="showajaxnews",这样点击 点击添加更多 按钮时,列表内容就被添加到了<div id="showajaxnews">下面)

我的是这样的:<div id="showajaxnews">,大家对照自行修改。

3. 在消息列表页加上 点击加载更多 按钮。

 我的是这样的:<div class="nomore" target="_self" id="loadmores">点击加载更多</div>

4. 在会员列表页</body>前加上以下js代码。
   
 说明:
 (1). 代码中 'limit':10 , 10需修改为你想点击一次加载更多时加载的条数。通常要修改成和  /e/member/msg/index.php  文件中的 $line=10;  这个数一样
 (2). 代码中有 <img src="/skin/list/loaduai.gif" width=20/>&nbsp;页面加载中...,所以需要在 /skin/list/ 下添加这个表示正在加载的GIF动画图标  loaduai.gif 。你也可以把图标放在别的位置,但要修改相应的这个 /skin/list/loaduai.gif 代码。
  1. <script> 
  2. $(function(){    
  3.      var i = 1; //设置当前页数      
  4.     $('#loadmores').click(function(){ 
  5.         $.ajax({ 
  6.           url : '/e/action/getmoremsg.php'
  7.                 type:'POST'
  8.                  data:{"next":i,'action':'getmoremsg','limit':10,}, 
  9.             dataType : 'html'
  10.         beforeSend:function(){ 
  11.                 $("#loadmores").show().html('<img src="/skin/memberlist/loaduai.gif" width=20/>&nbsp;页面加载中...'); 
  12.            $('#loadmores').attr('disabled','disabled'); 
  13.         }, 
  14.             success : function(data){ 
  15.            if(data){ 
  16.                $("#showajaxnews").append(data); 
  17.                           $("#loadmores").removeAttr('disabled'); 
  18.               $("#loadmores").html('点击加载更多'); 
  19.                  i++; 
  20.             }else
  21.                 $("#loadmores").show().html("已全部加载完毕!"); 
  22.                         $('#loadmores').attr('disabled','disabled'); 
  23.                 return false
  24.             }       
  25.            } 
  26.         }); 
  27.     }); 
  28. }); 
  29. </script> 
5.  在/e/action/下添加文件 getmoremsg.php(修改 $limit=10; 中的10和 js中的数字一样)
    getmoremsg.php内容如下:
  1. <?php 
  2. require('../class/connect.php'); 
  3. require('../class/db_sql.php'); 
  4. require('../data/dbcache/class.php'); 
  5. require("../class/q_functions.php"); 
  6. require("../member/class/user.php"); 
  7. require("../data/dbcache/MemberLevel.php"); 
  8.  
  9. $actions = RepPostVar2($_POST[action]); 
  10. $limits = (int)$_POST[limit]; 
  11.  
  12. $table=enewsqmsg; 
  13. $link=db_connect(); 
  14. $empire=new mysqlquery(); 
  15. eCheckCloseMods('member');//关闭模块 
  16. $user=islogin(); 
  17. if($actions == 'getmoremsg1'){ 
  18. if(empty($limits)){$limit=10;}else{ $limit=$limits;} 
  19. $num =(int)$_POST['next']*$limit; 
  20. if($table){ 
  21. $query="select mid,title,haveread,from_userid,from_username,isadmin,msgtime,issys from {$dbtbpre}enewsqmsg where to_username='$user[username]' order by msgtime desc limit $num,$limit"
  22. $sql=$empire->query($query); 
  23. while($r=$empire->fetch($sql)) 
  24.                         { 
  25.                                 $img="haveread"
  26.                                 if(!$r[haveread]) 
  27.                                 {$s="/e/member/cp/duanxin.mp3"; $img="nohaveread"; } 
  28.                                 //后台管理员 
  29.                                 if($r['isadmin']) 
  30.                                 { 
  31.                                         $from_username="<a title='后台管理员'><b>".$r[from_username]."</b></a>"
  32.                                 } 
  33.                                 else 
  34.                                 { 
  35.                                         $from_username="<a href='/e/space/UserInfo.php?userid=".$r[from_userid]."'>".$r[from_username]."</a>"
  36.                     $from_username1="$r[from_username]"
  37.                                 } 
  38.                                 //系统信息 
  39.                                 if($r['issys']) 
  40.                                 { 
  41.                                         $from_username="<b>系统消息</b>"
  42.                                         $r[title]="<b>".$r[title]."</b>"
  43.                                 } 
  44. ?> 
  45. <?php 
  46. $userr=$empire->fetch1("select userpic from phome_enewsmemberadd where userid='$r[from_userid]'"); 
  47. ?> 
  48. //以下修改成你消息列表的内容 
  49. <div class="line-wrapper"
  50.   <div class="line-scroll-wrapper" > 
  51.     <div class="line-normal-wrapper" > 
  52.       <div class="line-normal-left-wrapper"
  53.         <div class="line-normal-avatar-wrapper"><a href="<?=$public_r[newsurl]?>e/space/?userid=<?=$r['from_userid']?>" target="_blank"> <img class="img_width" src="<?=$userr[userpic]?$userr[userpic]:'/e/data/images/nouserpic.gif'?>" alt=""></a> </div> 
  54.         <div class="line-normal-info-wrapper"
  55.           <div class="line-normal-user-name"
  56.             <?=$from_username?> 
  57.           </div> 
  58.           <div class="line-normal-msg" > <a href="ViewMsg/?mid=<?=$r[mid]?>"
  59.             <?=stripSlashes($r[title])?> 
  60.             </a> </div> 
  61.         </div> 
  62.       </div> 
  63.       <span class="line-normal-icon-wrapper"><img src="../../data/images/<?=$img?>.gif" border=0></span> 
  64.       <div class="line-normal-time"
  65.         <?=substr($r[msgtime],2,8)?> 
  66.       </div> 
  67.     </div> 
  68.     <div class="line-btn-delete"
  69.       <buton><a href="/e/member/msg/AddMsge/?username=<?=$from_username1?>"><img src="/skin/msg/addmsg.png"></a></buton> 
  70.       <buton><a href="/e/member/msg/AddMsgZf/?enews=AddMsg&mid=<?=$r[mid]?>"><img src="/skin/msg/zhuanfa.png"></a></buton> 
  71.       <buton><a href="../doaction.php?enews=DelMsg&mid=<?=$r[mid]?>" onClick="return confirm('&nbsp;&nbsp;确定要删除这条消息?');"><img src="/skin/msg/delete.png"></a> </buton> 
  72.     </div> 
  73.   </div> 
  74. </div> 
  75. //以上修改成你消息列表的内容 
  76. <?php 
  77. ?> 
  78. <?php 
  79. db_close(); 
  80. $empire=null
  81. ?> 

【审核人:站长】

收藏   加好友   生成海报   分享
点赞(0)
打赏
Tags: 代码 刷新 ajax 列表 帝国
评论(0人参与,0条评论) 雨祺
0/0
  • 请先说点什么
    最新评论

    发布者资料

    热门文章

    技术文摘

    查看更多技术文摘
    首页
    栏目
    搜索
    会员
    投稿