Emlog实现Ajax无刷新发表评论

1	$cheackimg = $comment_code == ’y’ ? "<img src="".BLOG_URL."lib/checkcode.php" align="absmiddle" /><input name="imgcode" type="text" class="input" size="5">" : ’’;

1	$cheackimg = $comment_code == ’y’ ? "<img src="".BLOG_URL."lib/checkcode.php" align="absmiddle" id="checkcode" /><input type="text" name="imgcode" id="comimgcode" size="5"  class="input" />" : ’’;

1	<script src="<?php echo BLOG_URL; ?>lib/js/common_tpl.js" type="text/javascript"></script>

1 2	<script src="<?php echo BLOG_URL; ?>lib/js/jquery/jquery-1.2.6.js" type="text/javascript"></script> <script src="<?php echo TEMPLATE_URL; ?>js/ajax_comment.js" type="text/javascript"></script>

<?php
//blog：发表评论表单
function blog_comments_post(){
    global $logid,$ckname,$ckmail,$ckurl,$cheackimg,$allow_remark; ?>
    <?php if($allow_remark == ’y’): ?>
    <p class="comment"><b>发表评论：</b><a name="comment"></a></p>
    <div class="comment_post">
    <form method="post"  name="commentform" action="<?php echo BLOG_URL; ?>index.php?action=addcom" id="commentform">
    <p>
    <input type="hidden" name="gid" value="<?php echo $logid; ?>"  size="22" tabindex="1" id="gid" />
    <input type="text" name="comname" maxlength="49" value="<?php echo $ckname; ?>"  size="22" tabindex="1" id="comname" >
    <label for="author"><small>昵称</small></label></p>
    <p>
    <input type="text" name="commail"  maxlength="128"  value="<?php echo $ckmail; ?>" size="22" tabindex="2" id="commail" >
    <label for="email"><small>邮件地址 (选填)</small></label></p>
    <p><input type="text" name="comurl" maxlength="128"  value="<?php echo $ckurl; ?>" size="22" tabindex="3" id="comurl" >
    <label for="url"><small>个人主页 (选填)</small></label>
    </p>
    <p><textarea name="comment" id="comment"   rows="10" tabindex="4"></textarea></p>
    <p><div class="comment_yz"><?php echo $cheackimg; ?><input type="button"
  id="comment_submit"   value="发表评论"  onclick="submitComment()"   /></div></p>
    </form>
    </div>
    <?php endif; ?>
<?php }?>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

<?php

//blog：发表评论表单

function blog_comments_post(){

global $logid,$ckname,$ckmail,$ckurl,$cheackimg,$allow_remark; ?>

<?php if($allow_remark == ’y’): ?>

<form method="post" name="commentform" action="<?php echo BLOG_URL; ?>index.php?action=addcom" id="commentform">

<p>

<input type="hidden" name="gid" value="<?php echo $logid; ?>" size="22" tabindex="1" id="gid" />

<input type="text" name="comname" maxlength="49" value="<?php echo $ckname; ?>" size="22" tabindex="1" id="comname" >

<p>

<input type="text" name="commail" maxlength="128" value="<?php echo $ckmail; ?>" size="22" tabindex="2" id="commail" >

<p><input type="text" name="comurl" maxlength="128" value="<?php echo $ckurl; ?>" size="22" tabindex="3" id="comurl" >

</p>

<p><div class="comment_yz"><?php echo $cheackimg; ?><input type="button"

id="comment_submit" value="发表评论" onclick="submitComment()" /></div></p>

</form>

</div>

<?php endif; ?>

<?php }?>

<?php
//blog：发表评论表单
function blog_comments_post(){
    global $logid,$ckname,$ckmail,$ckurl,$cheackimg,$allow_remark; ?>
    <?php if($allow_remark == ’y’): ?>
    <p class="comment"><b>发表评论：</b><a name="comment"></a></p>
    <div class="comment_post">
    <form method="post"  name="commentform" action="<?php echo BLOG_URL; ?>index.php?action=addcom" id="commentform">
    <p>
    <input type="hidden" name="gid" value="<?php echo $logid; ?>"  size="22" tabindex="1" id="gid" />
    <input type="text" name="comname" maxlength="49" value="<?php echo $ckname; ?>"  size="22" tabindex="1" id="comname" >
    <label for="author"><small>昵称</small></label></p>
    <p>
    <input type="text" name="commail"  maxlength="128"  value="<?php echo $ckmail; ?>" size="22" tabindex="2" id="commail" >
    <label for="email"><small>邮件地址 (选填)</small></label></p>
    <p><input type="text" name="comurl" maxlength="128"  value="<?php echo $ckurl; ?>" size="22" tabindex="3" id="comurl" >
    <label for="url"><small>个人主页 (选填)</small></label>
    </p>
    <p><textarea name="comment" id="comment"  rows="10" tabindex="4"></textarea></p>
    <p><div class="comment_yz"><?php echo $cheackimg; ?><input type="button"
  id="comment_submit"  value="发表评论"  onclick="submitComment()"  /></div></p>
    </form>
    </div>
    <?php endif; ?>
<?php }?>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

<?php

//blog：发表评论表单

function blog_comments_post(){

global $logid,$ckname,$ckmail,$ckurl,$cheackimg,$allow_remark; ?>

<?php if($allow_remark == ’y’): ?>

<form method="post" name="commentform" action="<?php echo BLOG_URL; ?>index.php?action=addcom" id="commentform">

<p>

<input type="hidden" name="gid" value="<?php echo $logid; ?>" size="22" tabindex="1" id="gid" />

<input type="text" name="comname" maxlength="49" value="<?php echo $ckname; ?>" size="22" tabindex="1" id="comname" >

<p>

<input type="text" name="commail" maxlength="128" value="<?php echo $ckmail; ?>" size="22" tabindex="2" id="commail" >

<p><input type="text" name="comurl" maxlength="128" value="<?php echo $ckurl; ?>" size="22" tabindex="3" id="comurl" >

</p>

<p><div class="comment_yz"><?php echo $cheackimg; ?><input type="button"

id="comment_submit" value="发表评论" onclick="submitComment()" /></div></p>

</form>

</div>

<?php endif; ?>

<?php }?>

1	<div id="com_line">

好了，如果你的博客在根目录，且没有开启评论验证码，到这里应该已经可以看见效果了，以下是博客不在根目录和需要进一步订制发表评论后的显示样式需要修改的的内容，打开附件中ajax_comment.js，直接看下面的注释吧

function reset_user_reg_check_code(){ //刷新验证码函数
 var maxNumber = 1000, BlogURL = window.location.protocol + "//" + location.hostname;
 var randomNumber = Math.round(maxNumber * Math.random());
     document.getElementById("checkcode").src = BlogURL + "/lib/checkcode.php?t=" + randomNumber;
 $("#imgcode").val("");
 }

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

好了，如果你的博客在根目录，且没有开启评论验证码，到这里应该已经可以看见效果了，以下是博客不在根目录和需要进一步订制发表评论后的显示样式需要修改的的内容，打开附件中ajax_comment.js，直接看下面的注释吧

function submitComment() { //ajax评论函数

var name = $("#comname").val();

var mail = $("#commail").val();

var url = $("#comurl").val();

var comment = $("#comment").val();

var gid = $("#gid").val();

var imgcode=$("#comimgcode").val();

function checkEmail (str){

isEmail1=/^w+([.-]w+)*@w+([.-]w+)*.w+$/;

return (isEmail1.test(str));

}

if($.trim(name) == "") {

alert("名字不能为空");

$("#comname").focus();

return false;

}

if(name.length > 16) {

alert("名字太长");

$("#comname").focus();

return false;

}

if($.trim(comment) == "") {

alert("评论内容不能为空");

$("#comment").focus();

return false;

}

if(comment.length > 2000) {

alert("评论内容太长");

$("#comment").focus();

return false;

}

if(mail!= "" && !checkEmail(mail)) {

alert("邮件地址错误");

$("#commail").focus();

return false;

}

var querystr = "comment="+encodeURIComponent(comment)

+"&comname="+encodeURIComponent(name)

+"&commail="+mail

+"&comurl="+url

+"&imgcode="+imgcode

+"&gid="+gid;

$.post("/index.php?action=addcom", querystr, function(data){//请根据实际情况修改你的emlog目录，如http://Urdomain/emlog/index.php?action=addcom

data = $.trim(data);

var isrespone=/评论发表成功/;

if(isrespone.test(data)){

var content = ’<div id="com_line"><b>’ + name +’</b><div class="time"> 0 秒前</div><div class="com_date">’ + comment + ’</div></div>’;//这里是发表评论成功后显示的代码，即你刚发表的评论显示的样式，具体含义在代码后面说明，注意写成一行。

//reset_user_reg_check_code();//发表成功后执行刷新验证码，默认没有开启，如果开启，请将reset_user_reg_check_code();前面的“//”去掉