欢迎来到路由器窝!
帝国cms 来顶一下(点赞功能)优化提高用户体验

帝国cms 来顶一下(点赞功能)优化提高用户体验

浏览次数:

作者: 路由器窝

信息来源: www.zngps.com

更新日期: 2018-05-13 11:46

文章简介

单击来顶一下文字链接就会在当前总顶数量上+1,并弹出提示信息为谢谢您的支持的对话框,如果用户再单击(顶一下)就会提示您已提交过的信息,因为帝国cms的顶一下功能做了限制,同一个IP地址只能对同一篇文章顶一次。由于使用弹出对话框的方式对于用户体验来

  • 正文开始
  • 相关文章
单击来顶一下文字链接就会在当前总顶数量上+1,并弹出提示信息为谢谢您的支持的对话框,如果用户再单击(顶一下)就会提示您已提交过的信息,因为帝国cms的顶一下功能做了限制,同一个IP地址只能对同一篇文章顶一次。由于使用弹出对话框的方式对于用户体验来说效果一般般,所以我就改成了以下这种方式展示
修改步骤一:首先我们将帝国cms建站程序默认的顶一下HTML代码修改为以下代码所示。
<!--帝国cms建站程序默认的顶一下HTML代码块-->
<table border="0" align="center" cellpadding="0" cellspacing="0" class="digg">
<tr>
<td class="diggnum" id="diggnum"><strong><script type="text/javascript" src="[!--news.url--]e/public/ViewClick/?classid=[!--classid--]&id=[!--id--]&down=5"></script></strong></td>
</tr>
<tr>
<td class="diggit"><a href="JavaScript:makeRequest('[!--news.url--]e/public/digg/?classid=[!--classid--]&id=[!--id--]&dotop=1&doajax=1&ajaxarea=diggnum','EchoReturnedText','GET','');">来顶一下</a></td>
</tr>
</table>
 
<!--将以上的代码替换成以下代码-->
<span class="dianzan" id="dianzan"><a class="icon-thumbs-up-2" href="#"><em>[!--diggtop--]</em>人赞过</a></span>

修改步骤二:在相关内容模板页或JS文件中加入以下javascript代码(注意:因为此javascript代码功能基于jQuery的强大方法,所以在此JS代码之前必须载入jQuery库文件)。
<script type="text/javascript">
$(".dianzan").click(function(){
    event.preventDefault();
    $.ajax({
        type:"GET",
        url:"[!--news.url--]e/public/digg/",
        data:{"classid":[!--classid--],"id":[!--id--],"dotop":1,"doajax":1,"ajaxarea":"diggnum"},
        dataType:"text",
        success:function(data){
            var reinfo = data.split("|");
            if (reinfo.length != 1) {
                if (reinfo[0] != "") {
                    $(".dianzan em").html(reinfo[0]);
                }
                if (reinfo[2] != "") {
                    var left = parseInt($(".dianzan").offset().left)+20, top = parseInt($(".dianzan").offset().top);
                    $(".zan").remove();
                    if (reinfo[2] == "谢谢您的支持") {
                        $(".dianzan").append('<div class="zan">+1 谢谢您的支持</div>');
                    }else{
                        $(".dianzan").append('<div class="zan">已赞</div>');
                    }
                    $(".zan").css({"position":"absolute","z-index":"1","left":left+"px","top":top+"px","color":"inherit"}).animate({top:top-30},"slow",function(){$(this).fadeIn("fast").remove();});
                }
            }else{}
        }
    });
});
</script>

转载请注明:帝国CMS» 帝国cms 来顶一下(点赞功能)优化提高用户体验

标签:
  • 帝国cms的分页函数在哪个文件里面
    阅读
    帝国CMS前后台动态分页函数,用于动态页面?示分页,比如前台动态列表,会员中心收藏夹列表等,位置:e/class/connect.php funciton page1() 还有:e/class/t_functions.php function sys_ShowListPage(),这个文件内分页函数比较多,包括内容页分页,列表下
  • 帝国内容页和列表页内容简介smalltext中的空格
    阅读
    帝国默认的,如果你在内容页的内容简介中不填写信息,他会自动从文章正文中提取你文章开头的一部分内容作为内容简介,也就是源代码中的description的内容。 但是如果你的内容页用到了表格table标签,你会发现自动生成的内容简介中会有很多空格,网上关于这个
  • 帝国cms 来顶一下(点赞功能)优化提高用户体验
    阅读
    单击来顶一下文字链接就会在当前总顶数量上+1,并弹出提示信息为谢谢您的支持的对话框,如果用户再单击(顶一下)就会提示您已提交过的信息,因为帝国cms的顶一下功能做了限制,同一个IP地址只能对同一篇文章顶一次。由于使用弹出对话框的方式对于用户体验来
  • 顶级栏目嵌套,有没有子栏目并且判断样式样式判断
    阅读
    第一步:找到并打开/e/class/userfun.php文件,这个文件是专门给用户添加自定义函数用的,我们可以将自己开发的函数直接放进这个文件里面,一般二次开发都是修改这个文件添加函数。 ?php//---------------------------用户自定义标签函数文件function user_Li
  • 帝国cms 列表页分页样式修改美化【2】
    阅读
    上一篇(帝国cms 列表页分页样式修改美化【1】)中我们已经对分页说了一个大概,下面我们就自己动手弄一个分页把: 第一步:进入帝国cms后台,点击系统设置-系统参数设置-信息设置:里面有个列表分页函数(列表)选项,将里面的函数名修改为user_ShowListMorePage
  • 帝国调用当前栏目的同级栏目
    阅读
    ?php $bclassid=$class_r[$GLOBALS[navclassid]][bclassid];//获取当前父栏目ID? [e:loop={select classid,classname from {$dbtbpre}enewsclass where bclassid= $bclassid order by myorder,classid desc,0,24,0}]?php$classurl=sys_ReturnBqClassname($bq
  • 帝国cms调用当前栏目地址
    阅读
    帝国cms适配移动端,怎么获取format=xhtml的地址(当前栏目地址),研究了一番,用以下代码完美解决 ?$r[classid]=$GLOBALS[navclassid];$classurl=sys_ReturnBqClassname($r,9);$niuurl = $classurl;$topurl = str_replace(niu,top,$niuurl);echo $topurl;?
  • 帝国cms信息反馈页面怎么样才能让一个ip提交一次
    阅读
    找到e/class/q_functions.php文件,查到if($br[groupid]),在上面加入以下代码: //IP是否存在$sip=egetip();$sbr=$empire-fetch1(select ip from {$dbtbpre}enewsfeedback where ip=$sip;);if(!empty($sbr[ip])){printerror(ReDoForPl,history.go(-1),1);}
  • 帝国CMS远程图片如何自动本地化并生成缩略图
    阅读
    帝国CMS远程保存图片以及缩略图的生成都是需要选择的。下面就来教大家简单的方法,自动勾选,并自动将缩略图栽剪成默认的大。 打开系统设置--》管理数据表--》管理字段--》修改newstext表 ?=ECMS_ShowEditorVar(newstext,$ecmsfirstpost==1?:stripSlashes($r
  • 帝国字栏目同级高亮代码
    阅读
    ?php $islast=$class_r[$GLOBALS[navclassid]][islast]; //当前栏目判断是否为终级栏目 $bclassid=$class_r[$GLOBALS[navclassid]][bclassid];//获取当前父栏目ID??php if($islast==0 and $bclassid!=0){//终极栏目,没有父栏目,则查询当前栏目下的信息列表
上一篇:帝国cms7.2 无刷新 点击更多Ajax 加载更多列表信息源代码(亲测)
下一篇:帝国字栏目同级高亮代码
最近更新作品