QCMS AJAX 留言本调用,并使用Gravatar头像

作者 ： admin 时间 ：2012-02-14 11:59:23　阅读次数　：

 今天来教大家制作留言并实现留言的调用
大家好，我是Qesy
新版本加了留言验证功能，先来演示下
这样我们可以直接留言
如何启用验证？
系统设置 验证码 0：关闭 1： 开启 验证码
这样留言就会失败，怎么加验证码？很简单
在表单里加上这么一句

<input name="veri" type="text" id="veri" />
<img src="{qcms:path}home/veri" onclick= 'this.src=" {qcms:path}home/veri/&"+Math.random()'/>

这样就可以了
不过这里不建议大家用 index.php?q=这样的路径，前面最好这么搞（不好意思，标签我也有点忘记了，还是看看网站上面吧
）
所以建议大家还是用这段，这样的话路径动静随便怎么改他也会自动跟着改变
好，接下去说怎么调用留言
首先说明下，默认里面有这句
<meta http-equiv="X-UA-Compatible" content="IE=7" />
其实JQUERY对IE7不是很好，所以凡有这一句的调用会失败
所以请大家删除这一句
然后看我怎么操作
在页面里加上这些JS

<script type="text/javascript" src="/static/scripts/jquery.js"></script>
<script type="text/javascript" src="/static/scripts/app.js"></script>
<script>
$(function(){
 row = 5;
 etype = 0; 
 getData();
})
function fillHtml(){
 str = '';
 $.each(app , function(k, v){
  //str += '<li>'+ v['gid'] +'</li>';
  str += '<li><ul class="meta"><li class="image"><img src="http://www.gravatar.com/avatar/'+ v['avatar'] +'.png" width="48" /></li><li class="author"> <a href="#">游客</a> </li><li class="date">posted on '+ v['gtime'] +'</li></ul><div class="body">'+ v['ginfo'] +'</div></li>';
 }) 
 $('#htmlstr').html(str);
}
</script>

然后在调用的地方加上

<ol class="comments" id="htmlstr"> 
 </ol>
 <p><span id='p_start'></span>
 <span id='p_pre'></span>
 <span id='p_now'></span>
 <span id='p_next'></span>
 <span id='p_end'></span></p>

其实制作和调用用户回复也一样，只要简单的把 etype = 0;  改成 etype = 1;  即可在内容页面增加用户回复并调用出来
今天的录制软件有点问题（破解版不可靠），大家看看文字吧，谢谢