欢迎来到路由器窝!

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

浏览次数:

作者: 路由器窝

信息来源:

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

文章简介

单击来顶一下文字链接就会在当前总顶数量上+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的分页函数在哪个文件里面
    200阅读
    帝国CMS前后台动态分页函数,用于动态页面?示分页,比如前台动态列表,会员中心收藏夹列表等,位置:e/class/connect.php funciton page1() 还有:e/class/t_functions.php function sys_ShowListPage(),这个文件内分页函数比较多,包括内容页分...
  • 当前栏目子栏目-子栏目同级-高亮
    174阅读
    ?php $islast=$class_r[$GLOBALS[navclassid]][islast]; //当前栏目判断是否为终级栏目 $bclassid=$class_r[$GLOBALS[navclassid]][bclassid];//获取当前父栏目ID??php if($islast==1 and $bcla...
  • 帝国自定义分页
    211阅读
    更改e/cless/t_functions.php文件。列表函数sys_ShowListMorePage 替换成如下 //列表模板之列表式分页function sys_ShowListMorePage($num,$page,$dolink,$type,$totalpage,$line,$ok,$search=){glo...
  • 帝国cms列表模板怎么使用if判断是否有图片?
    95阅读
    if(empty($r[titlepic])){$listtemp=lispana href=[!--titleurl--] target=_blank title=[!--oldtitle--][!--title--]/aemimg src=[!--news.url--]skin/lmjy/images/sharei...
  • 帝国调用当前栏目的同级栏目
    124阅读
    ?php $bclassid=$class_r[$GLOBALS[navclassid]][bclassid];//获取当前父栏目ID? [e:loop={select classid,classname from {$dbtbpre}enewsclass where bclassid= $bclassid order...
  • 首页指定栏目调用子栏目带更多,带内容5条
    205阅读
    [e:loop={select classid, classname, classpath from phome_enewsclass where bclassid=3 order by classid desc,21,24,0}]?php if($bqno==1) { echo div class=report-it...
  • 帝国调用当前栏目的同级栏目
    126阅读
    ?php $bclassid=$class_r[$GLOBALS[navclassid]][bclassid];//获取当前父栏目ID? [e:loop={select classid,classname from {$dbtbpre}enewsclass where bclassid= $bclassid order...
  • 首页指定ID调用1条图片7条文章带判断样式
    141阅读
    [e:loop={select classid,classname,classpath,classimg,intro from phome_enewsclass where classid=15,1,24,0}] li class=tabOptionh4a href=/?=$bqr[classpath]? target...
  • 循环调用父栏目以及子栏目,父栏目当前高亮
    139阅读
    缺点:无判断有无子栏目 显示的样式ul [e:loop={select classid,classname,islast from {$dbtbpre}enewsclass where bclassid=0 and showclass=0 order by myorder,classid ASC limit 11,0,...
  • 帝国cms栏目自动跳转到第一个子栏目信息页面的方法
    117阅读
    做企业网站时经常会有这样的栏目,比如企业介绍栏目下会有公司简介、荣誉资质、企业文化等,而企业介绍的内容就是公司简介的内容,有的cms会有这样的选项,栏目链接到第一个子栏目、链接到第一条信息等,但是帝国没有这样的功能,那怎样通过标签实现呢? ?php
上一页:帝国cms7.2 无刷新 点击更多Ajax 加载更多列表信息源代码(亲测)
下一页:帝国字栏目同级高亮代码
最近更新作品
帝国频道模板
更新时间:2022-05-07

638人已经看过了!

帝国CMS远程图片如何自动本地化并生成缩略图
更新时间:2018-12-26

115人已经看过了!

帝国字栏目同级终极栏目
更新时间:2018-07-30

123人已经看过了!

帝国字栏目同级高亮代码
更新时间:2018-05-27

114人已经看过了!

帝国cms 来顶一下(点赞功能)优化提高用户体验
更新时间:2018-05-13

203人已经看过了!

帝国更改提示信息样式
更新时间:2017-12-08

101人已经看过了!

帝国cms 列表页分页样式修改美化【2】
更新时间:2017-10-26

157人已经看过了!

帝国cms 列表页分页样式修改美化【1】
更新时间:2017-10-26

172人已经看过了!

帝国自定义分页
更新时间:2017-09-16

211人已经看过了!