首页站内杂志技术文摘
文章内容页

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

  • 作者:雨祺
  • 来源: 原创
  • 发表于2023-07-01 21:22:32
  • 被阅读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. ?> 
    【审核人:站长】

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

        本文链接:https://www.meiweny.cn/zazhi/zhongwangjiaocheng/161.html

        赞一下

        深度阅读

        • 您也可以注册成为美文苑的作者,发表您的原创作品、分享您的心情!

        阅读记录

          关注美文苑