1.页面需要引入jquery.js文件
2. 留言板页合适位置添加以下代码(我是在<div>中添加的,关键是要添加代码: id="showajaxnews",这样点击 点击添加更多 按钮时,列表内容就被添加到了<div id="showajaxnews">下面)
我的是这样的: <div id="showajaxnews"></div> 大家对照自行修改。
3. 在列表页加上 点击加载更多 按钮。
我的是这样的:<div class="nomore" id="loadmor">点击加载更多</div>
4. 在列表页</body>前加上以下js代码。 说明: (1). 代码中 'limit':10 ,10需修改为你想点击一次加载更多时加载的条数。通常要修改成和 /e/space/gbook.php 文件中的 $line=10; 这个数字一样 (2). 代码中有 <img src="/skin/list/loaduai.gif" width=20/> 页面加载中...,所以需要在 /skin/list/ 下添加这个表示正在加载的GIF动画图标 loaduai.gif 。你也可以把图标放在别的位置,但要修改相应的这个 /skin/list/loaduai.gif 代码。
<script> $(function(){ var i = 1; //设置当前页数 $('#loadmore').click(function(){ $.ajax({ url : '/e/action/getmoregbook.php', type:'POST', data:{"next":i,'action':'getmoregbook','limit':10,}, dataType : 'html', beforeSend:function(){ $("#loadmore").show().html('<img src="/skin/memberlist/loaduai.gif" width=20/> 页面加载中...'); $('#loadmore').attr('disabled','disabled'); }, success : function(data){ if(data){ $("#showajaxnews").append(data); $("#loadmore").removeAttr('disabled'); $("#loadmore").html('点击加载更多'); i++; }else{ $("#loadmore").show().html("已全部加载完毕!"); $('#loadmore').attr('disabled','disabled'); return false; } } }); }); }); </script>
5. 在/e/action/下添加文件 getmoregbook.php(修改 $limit=10; 中的10和 js中的数字一样) getmoregbook.php内容如下: <?php require("../class/connect.php"); require("../class/db_sql.php"); require("../class/q_functions.php"); require("../data/dbcache/class.php"); require LoadLang("pub/fun.php"); require("../member/class/user.php");
$actions = RepPostVar2($_POST[action]); $limits = (int)$_POST[limit];
$table=enewsmembergbook; $link=db_connect(); $empire=new mysqlquery(); $user=islogin(); if($actions == 'getmoregbook'){ if(empty($limits)){$limit=10;}else{ $limit=$limits;} $num =(int)$_POST['next']*$limit; if($table){ $sql=$empire->query("select gid,isprivate,uid,uname,ip,addtime,gbtext,retext from {$dbtbpre}enewsmembergbook where userid='$user[userid]' order by gid desc limit $num,$limit"); while($r=$empire->fetch($sql)){ $r['uname']=stripSlashes($r['uname']); if($r['uid']) { $r['uname']="<b><a href='/e/space/UserInfo.php?userid=$r[uid]'>$r[uname]</a></b>"; } //管理菜单 $adminlink=''; if($adminmenu) { $adminlink="[<a href='#ecms' onclick=\"window.open('../member/mspace/ReGbook.php?gid=$r[gid]','','width=600,height=380,scrollbars=yes');\">回复</a>] [<a href='../member/mspace/?enews=DelMemberGbook&gid=$r[gid]' onclick=\"return confirm('确认要删除?');\">删除</a>]"; } $gbuname=$r[uname]; //私密 if($r['isprivate']) { if($adminmenu||($r[uid]&&$viewuid==$r[uid])) { $r['gbtext']="<font color='blue'>[悄悄话] ".$r['gbtext']."</font>"; } else { $r['gbtext']='[悄悄话隐藏]'; } } $userr=$empire->fetch1("select userpic from {$dbtbpre}enewsmemberadd where userid='$r[uid]' limit 1"); ?>
//以下修改成你的留言板的列表的内容 <div class="message"> <a href="/e/space/?userid=<?=$r[uid]?>"><img class="avatar" src="<?=$userr[userpic]?$userr[userpic]:'/e/data/images/nouserpic.gif'?>" /></a> <div class="content"> <div class="nickname"> <?=$gbuname?> <?=$r[addtime]?> </div> <div class="bubble bubble_default left"> <div class="bubble_cont"> <div class="plain"> <pre><?=nl2br(stripSlashes($r['gbtext']))?> </pre> </div> </div> </div> </div> </div> <? if($r['retext']) { $userr=$empire->fetch1("select userpic from {$dbtbpre}enewsmemberadd where userid='$user[userid]' limit 1"); ?> <div class="message me"> <a href="/e/space/?userid=<?=$user[userid]?>"><img class="avatar" src="<?=$userr[userpic]?$userr[userpic]:'/e/data/images/nouserpic.gif'?>" /></a> <div class="content"> <div class="nickname"><span class="time"> <?=$r[hftime]?> </span></div> <div class="bubble bubble_primary right"> <div class="bubble_cont"> <div class="plain"> <pre><?=nl2br(stripSlashes($r['retext']))?> </pre> </div> </div> </div> </div> </div> <? } ?> <div class="message me"> <div class="caozuo"> </div> </div>
//以上修改成你的留言板的列表的内容
<? } } } ?> <?php db_close(); $empire=null; ?>
|