您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程
织梦dedecms首页文章列表无刷新实现顶和踩的功能
醉易2023-09-22DedeCMS教程已有人查阅
导读织梦dedecms首页文章列表无刷新实现时时顶、踩的方法;第一步:首先创建一个空白首页文件,在里面
区域加入以下调用代码:
织梦dedecms首页文章列表无刷新实现时时顶、踩的方法
第一步:首先创建一个空白首页文件,在里面<body>区域加入以下调用代码:
第二步:在<head></head>区域内加入以下代码:
第三步:在/plus/文件夹下创建一个名为digg_ajax_index.php的文件,该文件的内容为:
第一步:首先创建一个空白首页文件,在里面<body>区域加入以下调用代码:
<ol>
{dede:arclist row=’5′ titlelen=’20′}
<li><a href=”[field:arcurl/]“>[field:title/]</a> <span id=”diggNum[field:id/]“>操作区:<a href=”javascript:” onclick=”javascript:postDigg(‘good’,[field:id/])”>顶</a>([field:goodpost/]) <a href=”javascript:” onclick=”javascript:postDigg(‘bad’,[field:id/])”>踩</a>([field:badpost/])</span></li>
<script language=”javascript” type=”text/javascript”>getDigg([field:id/]);</script>
{/dede:arclist}
</ol>
这里的
<script language=”javascript” type=”text/javascript”>getDigg([field:id/]);</script>
被加在了arclist标签里作为底层模板,是为了让每一篇文档都可以独立显示其顶和踩的状态。第二步:在<head></head>区域内加入以下代码:
<script language=”javascript” type=”text/javascript” src=”{dede:global.cfg_cmsurl/}/include/dedeajax2.js”></script>
<script language=”javascript” type=”text/javascript”>
function postDigg(ftype,aid)
{
var taget_obj = document.getElementById(‘diggNum’+aid);
var saveid = GetCookie(‘diggid’);
if(saveid != null)
{
var saveidsaveids = saveid.split(‘,’);
var hasid = false;
saveid = ”;
j = 1;
for(i=saveids.length-1;i>=0;i–)
{
if(saveids[i]==aid && hasid) continue;
else {
if(saveids[i]==aid && !hasid) hasid = true;
saveid += (saveid==” ? saveids[i] : ‘,’+saveids[i]);
j++;
if(j==20 && hasid) break;
if(j==19 && !hasid) break;
}
}
if(hasid) { alert(“您已经顶过该帖,请不要重复顶帖!”); return; }
else saveid += ‘,’+aid;
SetCookie(‘diggid’,saveid,1);
}
else
{
SetCookie(‘diggid’,aid,1);
}
myajax = new DedeAjax(taget_obj,false,false,”,”,”);
var url = “{dede:global.cfg_phpurl/}/digg_ajax_index.php?action=”+ftype+”id=”+aid;
myajax.SendGet2(url);
DedeXHTTP = null;
}
function getDigg(aid)
{
var taget_obj = document.getElementById(‘diggNum’+aid);
myajax = new DedeAjax(taget_obj,false,false,”,”,”);
myajax.SendGet2(“{dede:global.cfg_phpurl/}/digg_ajax_index.php?id=”+aid);
DedeXHTTP = null;
}
</script>
这一段代码主要就是引入织梦系统自带的Ajax框架(dedeajax2.js)和两个操作的函数(postDigg(ftype,aid)与getDigg(aid))第三步:在/plus/文件夹下创建一个名为digg_ajax_index.php的文件,该文件的内容为:
<?php /** * 代码号 www.ebingou.cn */
require_once(dirname(__FILE__).”/../include/common.inc.php”);
$action = isset($action) ? trim($action) : ”;
$id = emptyempty($id)? 0 : intval(preg_replace(“/[^\d]/”,”, $id));
if($id < 1)
{
exit();
}
$maintable = ‘dede_archives’;
if($action == ‘good’)
{
$dsql->ExecuteNoneQuery(“Update `$maintable` set scores = scores + {$cfg_caicai_add},goodpost=goodpost+1,lastpost=”.time().” where id=’$id’”);
}
else if($action==’bad’)
{
$dsql->ExecuteNoneQuery(“Update `$maintable` set scores = scores – {$cfg_caicai_sub},badpost=badpost+1,lastpost=”.time().” where id=’$id’”);
}
$digg = ”;
$row = $dsql->GetOne(“Select goodpost,badpost,scores From `$maintable` where id=’$id’ “);
if(!is_array($row))
{
exit();
}
if($row['goodpost']+$row['badpost'] == 0)
{
$row['goodper'] = $row['badper'] = 0;
}
else
{
$row['goodper'] = number_format($row['goodpost']/($row['goodpost']+$row['badpost']),3)*100;
$row['badper'] = 100-$row['goodper'];
}
if(emptyempty($formurl)) $formurl = ”;
if($formurl==’caicai’)
{
if($action == ‘good’) $digg = $row['goodpost'];
if($action == ‘bad’) $digg = $row['badpost'];
}
else
{
$row['goodper'] = trim(sprintf(“%4.2f”, $row['goodper']));
$row['badper'] = trim(sprintf(“%4.2f”, $row['badper']));
$digg = ‘操作区:<a href=”javascript:” onclick=”javascript:postDigg(\’good\’,’.$id.’)”>顶</a>(’.$row['goodpost'].’) <a href=”javascript:” onclick=”javascript:postDigg(\’bad\’,’.$id.’)”>踩</a>(’.$row['badpost'].’)’;
}
AjaxHead();
echo $digg;
exit();
?>
本文标签:
很赞哦! ()
相关教程
图文教程
怎么取消dede织梦自带幻灯片中标题及标题背景颜色
织梦默认的幻灯片顶部有标题和标题背景颜色,有些站长不想要标题和背景,那么请参考如何取消织梦DeDeCms自带幻灯片中标题及标题背景颜色的修改方法来操作:
网站优化提速图片延时加载的实现方法
为了提高用户体验,多图片的长页面需要使用延迟加载技术,对这方面的论述,Kissy中有很经典的论述,感兴趣的朋友可以去了解一下,我先简单的介绍一下,然后讨论如何改进并用于项目中。
dedecms入门教程dedecms5.7系统基本设置教程
前面一章我们讲到了dedecms的安装,那么程序安装完成后接下来要做的工作就是对网站做一些基本的设置了,这一章我们就来讲讲dedecms系统本设置的问题。
织梦dedecms中增加父栏目调用以及多级支持currentstyle的方法
在织梦DEDECMS中需要增加父栏目调用时以及多级支持currentstyle的时候如何实现呢.下面给大家看一下方法;因为本人需要,自己就动手修改了其中代码,拿来分享
相关源码
-
(自适应响应式)个人作品技术文章博客网站模板下载基于PbootCMS内核开发的响应式博客模板,为数字营销、技术分享类内容打造。采用前沿设计理念,兼顾内容展示与阅读体验,适配各类终端设备。通过本模板可快速构建专业级行业博客,有效传播专业知识与案例成果。查看源码 -
(自适应)宽屏大气的净水器智能电子设备网站pbootcms源码下载本模板基于PbootCMS内核开发,为净水器设备、智能电子设备企业量身打造,采用响应式设计技术,可快速构建专业级企业官网。通过本模板可高效展示产品技术参数、解决方案及企业服务优势。查看源码 -
(自适应)个人图集图片相册画册pbootcms网站模板源码本模板基于PbootCMS系统开发,为图片展示类网站设计,特别适合个人作品集、摄影画册、艺术图集等内容展示。采用响应式布局技术,确保各类图片在不同设备上查看源码 -
自适应黑色简繁双语轴承齿轮机械设备制造网站模板该模板为轴承齿轮机械制造企业提供一体化网站建设方案,着重解决行业特有的多语言展示、移动端适配和高效率内容管理需求,帮助企业精准展示产品特性与工艺流程查看源码 -
pbootcms模板(PC+WAP)火锅加盟餐饮美食类带留言源码基于PbootCMS内核深度开发,为火锅、餐饮品牌打造的营销型解决方案。采用红色主题传递行业活力,实现PC与WAP端适配。查看源码 -
(PC+WAP)蓝色自动电动闸门伸缩门类网站pbootcms模板下载为电动闸门、自动伸缩门企业设计的响应式网站模板,突出产品展示与技术优势,助力门控设备企业建立专业数字化形象。手工编写DIV+CSS结构,代码精简高效,无冗余代码干扰,加载速度更快。查看源码
| 分享笔记 (共有 篇笔记) |
