将Ajax注释系统转换为do-while循环

时间:2016-07-04 22:34:52

标签: javascript php mysql ajax

我的评论系统运行正常。但是现在我想让它成为一个循环,所以它需要添加一个id来识别每个"评论框","提交buttom"等等。由于涉及很多类,我很遗憾地将索引添加到js函数......实际上是一切。

这是我的代码:

<?php
 $sql = mysql_query("SELECT * FROM tblopiniones_persopoli WHERE id_post = '$id_post' AND intActivo = '1' LIMIT 0,10") or die(mysql_error());
while($affcom = mysql_fetch_assoc($sql)){ 
    $name = $affcom['intName'];
    $email = $affcom['email'];
    $comment = $affcom['strComment'];
    $date = $affcom['date'];

    // Get gravatar Image 
    // https://fr.gravatar.com/site/implement/images/php/
    $default = "mm";
    $size = 35;
    $grav_url = "http://www.gravatar.com/avatar/".md5(strtolower(trim($email)))."?d=".$default."&s=".$size;
?>
<div class="cmt-cnt">
    <img src="<?php echo $grav_url; ?>" />
    <div class="thecom">
        <h5><?php echo ObtenerNombreFull_Usuario($name); ?></h5><span data-utime="1371248446" class="com-dt"></span>
        <br/>
        <p>
            <?php echo $comment; ?>
        </p>
    </div>
</div><!-- end "cmt-cnt" -->
<?php } ?>

<div class="new-com-bt" id="<?php echo $m; ?>">
    <span id="">Escribe un comentario ...</span>
</div>
<div class="new-com-cnt">
<a name="coment_box" id="coment_box">
    <input type="hidden" id="name-com" name="name-com" value="<?php echo $_SESSION['MM_IdUser']; ?>" />
    <input type="hidden" id="mail-com" name="mail-com" value="<?php echo 'xxxxxxx@gmail.com'; ?>" />
    <input type="hidden" id="pic-com" name="pic-com" value="<?php echo ObtenerNombreFoto_Usuario($_SESSION['MM_IdUser']); ?>" />
    <textarea class="the-new-com" placeholder="Ingresa tu comentario"></textarea>
    <div class="bt-add-com">Publicar comentario</div>
    <div class="bt-cancel-com">Cancelar</div>
    </a>
</div>

我的Js代码:

 <script type="text/javascript">
  $(function(){ 
    //alert(event.timeStamp);
    $('.new-com-bt').click(function(event){
        $(this).hide();
        $('.new-com-cnt').show();
        $('#coment_box').focus();
    });
    /* when start writing the comment activate the "add" button */
    $('.the-new-com').bind('input propertychange', function() {
       $(".bt-add-com").css({opacity:0.6});
       var checklength = $(this).val().length;
       if(checklength){ $(".bt-add-com").css({opacity:1}); }
    });

    /* on clic  on the cancel button */
    $('.bt-cancel-com').click(function(){
        $('.the-new-com').val('');
        $('.new-com-cnt').fadeOut('fast', function(){
            $('.new-com-bt').fadeIn('fast');
        });
    });

    // on post comment click 
    $('.bt-add-com').click(function(){
        var theCom = $('.the-new-com');
        var theName = $('#name-com');
        var theMail = $('#mail-com');
        var thePic = $('#pic-com');

        if( !theCom.val()){ 
            alert('¡Por favor escribe un comentario!'); 
        }else{ 
            $.ajax({
                type: "POST",
                url: "add-comment.php",
                data: 'act=add-com&id_post='+<?php echo $id_post; ?>+'&name='+theName.val()+'&email='+theMail.val()+'&comment='+theCom.val()+'&pic='+thePic.val(),
                success: function(html){
                    theCom.val('');
                    /*theMail.val('');
                    theName.val('');*/
                    $('.new-com-cnt').hide('fast', function(){
                        $('.new-com-bt').show('fast');
                        $('.new-com-bt').before(html);  
                    })
                }  
            });
        }
    });

});

我非常感谢任何有关这种缺乏知识的帮助。的专业知识。

非常感谢提前。

0 个答案:

没有答案