帝国论坛帝国网站管理系统交流区帝国CMS 7.5专版[分享] cms7.5使用 点击加载更多系列(三) 点击加载更多留言(留言列表页面使用) 【本版专题贴子】  
 1/2     1 2 ›› ›|
主题:[分享] cms7.5使用 点击加载更多系列(三) 点击加载更多留言(留言列表页面使用) [加入收藏夹]   

flnsll
用户头衔:进士

精华贴   :0
发贴数   :385
经验值   :3137
注册时间:2008-11-23
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
[分享] cms7.5使用 点击加载更多系列(三) 点击加载更多留言(留言列表页面使用)
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/>&nbsp;页面加载中...,所以需要在 /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/>&nbsp;页面加载中...');
           $('#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>]&nbsp;&nbsp;&nbsp;[<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?>
      &nbsp;&nbsp;
      <?=$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;
?>

[该贴被修改 2 次,最后修改时间 2023-07-01 22:18:19 ]



2023-06-14 21:42:40 已设置保密 顶部 回复 引用 报告 编辑 删除

pingpong
用户头衔:探花

精华贴   :0
发贴数   :9328
经验值   :24281
注册时间:2008-11-02
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 2 楼]

支持一下




2023-06-15 07:08:48 已设置保密 顶部 回复 引用 报告 编辑 删除

bn899
用户头衔:进士

精华贴   :0
发贴数   :1477
经验值   :4063
注册时间:2015-11-30
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

支持下




2023-06-16 07:12:25 已设置保密 顶部 回复 引用 报告 编辑 删除

零距离
用户头衔:探花

精华贴   :0
发贴数   :4834
经验值   :12848
注册时间:2007-12-26
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 4 楼]

支持




2023-06-17 06:35:26 已设置保密 顶部 回复 引用 报告 编辑 删除

csdn2
用户头衔:探花

精华贴   :0
发贴数   :4552
经验值   :13323
注册时间:2013-11-21
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

支持




2023-06-18 07:18:47 已设置保密 顶部 回复 引用 报告 编辑 删除

bj114
用户头衔:探花

精华贴   :0
发贴数   :2807
经验值   :7816
注册时间:2012-04-09
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 6 楼]

支持




2023-06-19 07:14:07 已设置保密 顶部 回复 引用 报告 编辑 删除

平凡人生
用户头衔:进士

精华贴   :0
发贴数   :1174
经验值   :3442
注册时间:2009-08-20
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 7 楼]

支持




2023-06-20 07:05:54 已设置保密 顶部 回复 引用 报告 编辑 删除

luoto
用户头衔:探花

精华贴   :0
发贴数   :5799
经验值   :17477
注册时间:2008-11-08
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 8 楼]

支持




2023-06-22 06:37:57 已设置保密 顶部 回复 引用 报告 编辑 删除

陈同平
用户头衔:进士

精华贴   :0
发贴数   :1998
经验值   :5610
注册时间:2009-02-23
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 9 楼]

支持




2023-06-24 07:54:35 已设置保密 顶部 回复 引用 报告 编辑 删除

longlongago
用户头衔:秀才

精华贴   :0
发贴数   :117
经验值   :354
注册时间:2014-12-01
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 10 楼]

支持




2023-06-25 06:51:30 已设置保密 顶部 回复 引用 报告 编辑 删除
 1/2     1 2 ›› ›|

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by: EBB Version 2.2.1