AJax技术

h5cn仿Digg插件织梦网站建设的首页、列表页调用投票窜改

字号+ 作者:H5之家 来源:H5之家 2017-11-12 08:04 我要评论( )

其实这个插件很简朴,只是把投票方法改了一种暗示要领,可是结果很好,需要的伴侣可以往下看安装要领。

名称:仿Digg 我顶! DEDE插件

目的:改变文章投票方法,页面更雅观

针对版本:DEDE3.1 DEDE 4.X

说明:

其实这个插件很简朴,只是把投票方法改了一种暗示要领,可是结果很好,织梦建站教程,需要的伴侣可以往下看安装要领。

道理:同投票。

安装要领:

1、archives 数据表新增 vote (投票统计,与本来投票系统分隔),并建设投票统计表,新增vote字段

ALTER TABLE `dede_archives` ADD `vote` INT DEFAULT '0' NOT NULL ;

建设统计表

以下为引用的内容:

CREATE TABLE `dede_review` (
`id` int(11) NOT NULL auto_increment,
`str_ip` varchar(32) NOT NULL,
`num_arc` int(11) NOT NULL,
`date_review` int(11) NOT NULL,
PRIMARY KEY (`id`),
KEY `str_ip` (`str_ip`,`num_arc`)
) ENGINE=MyISAM DEFAULT CHARSET=gb2312 AUTO_INCREMENT=66 ;

2、把附件中的JS目录安排到对应模板目录下,并在模板页面中调用

<script language=javascript src="/templets/你的模板目录/js/prototype.js"></script>

<script language=javascript src="/templets/你的模板目录/js/moo.fx.js"></script>

3、模板页面添加JS

以下为引用的内容:

function wo_ding(num_id)
{
url = "/plus/wo_ding.php?aid="+num_id+"&post=vote&m=" + Math.random();
new ajax(url, {method: 'get', onComplete:return_review});
}
function return_review(ajax)
{
str_error_num = ajax.responseText
if(str_error_num==0)
{
  alert("操纵失误,可能用户反复评分,这次评分无效...");
}
else
{
  alert("感激您的投票,感谢...^_^")
  $("s_ding").innerHTML = str_error_num;
}
}

4、模板页面添加 我顶! 层标签

以下为引用的内容:
<div id="ding">
    <p class="vote_show"><a href="javascript:wo_ding({dede:field/});" title="给我顶到首页推荐!"><span id="s_ding"><script src="{dede:field/}/wo_ding.php?aid={dede:field/}&post=show" language="javascript"></script></span></a></p>
    <p class="vote_action"><a href="javascript:wo_ding({dede:field/});" title="给我顶到首页推荐!">我顶!</a></p>
  </div>

5、添加CSS,大概需要本身微调

以下为引用的内容:

#ding
{
text-align:center;
margin:0 0 0 20px;
width:54px;
height:71px;
background:url(../images/vote.png) no-repeat;
}
#ding a
{
color:#333;
text-decoration:none;
}
#ding .vote_show
{
margin:10px 0 0 0;
font-size:25px;
font-weight:bold;
line-height:30px;
}
#ding .vote_action
{
margin:15px 0 0 0;
}

6、修改焦点获取列表文件 include/inc/inc_fun_SpGetArcList.php

留意:假如你不太相识PHP记得在更新的处所打上暗号。

第 65 行:

else if($orderby=='rand') $ordersql = " order by rand()";

修改为:

else if($orderby=='vote') $ordersql = " order by arc.vote $orderWay";

else if($orderby=='rand') $ordersql = " order by rand()";

DEDE 3.1 窜改第 130 行

DEDE 4.x 窜改第 152 行

就加了个“投票”字段的查询
 
arc.money,arc.litpic,arc.writer,arc.shorttitle,arc.memberid,

修改为:

arc.money,arc.litpic,arc.writer,arc.shorttitle,arc.memberid,arc.vote,

7、把附件中的PHP目录下的文件安排到plus目录下

8、images目录下的文件放到 你的模板目录 下的 images 目录下

9、安装完成,首页调用要领

以下为引用的内容:
{dede:arclist row=10 titlelen=24 orderby=vote}
·[field:textlink/]([field:vote/])<br/>
{/dede:arclist}

以下是首页或列表页调用投票成果的窜改

JS部门:

以下为引用的内容:

function wo_ding(num_id)
{
url = "/plus/wo_ding.php?aid="+num_id+"&post=vote&m=" + Math.random();
new ajax(url, {method: 'get', onComplete:return_review});
}
function return_review(ajax)
{
str_error_num = ajax.responseText
if(str_error_num==0)
{
  alert("操纵失误,可能用户反复评分,这次评分无效...");
}
else
{
  alert("感激您的投票,请继承欣赏^_^")
  location.reload()
}
}

模板标签部门:

以下为引用的内容:
<div id="ding">
    <p class="vote_show"><a href="javascript:wo_ding([field:ID/]);" title="我顶!"><span id="s_ding">[field:vote/]</span></a></p>
    <p class="vote_action"><a href="javascript:wo_ding([field:ID/]);" title="我顶!">我顶!</a></p>
</div>

,织梦网 感谢支持织梦之家,你的支持,我们的无限动力!!!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 基于EasyUI的全站表单AJAX提交验证及返回值提示功能的实现

    基于EasyUI的全站表单AJAX提交验证及返回值提示功能的实现

    2017-06-30 12:01

  • 使用AJAX技术的十大理由(2)

    使用AJAX技术的十大理由(2)

    2017-02-07 15:00

  • ajax 删除的相关文章,教程,源码

    ajax 删除的相关文章,教程,源码

    2017-01-25 09:01

  • AJAX使用技巧:如何处理书签和翻页按扭(2)

    AJAX使用技巧:如何处理书签和翻页按扭(2)

    2017-01-07 15:02

网友点评