JQuery comment reply意外插入多个值
我已经创建了一个页面index.php,用户在其中单击“回复”,在生成的评论框中添加文本(“那么你在想什么”),然后单击“评论”。此文本将发布到下面的框中。 我遇到的问题是,如果多次单击“回复”按钮,当在评论框中输入文本并单击“评论”时,文本将被输入下面的框(以及数据库)相应的次数。我找不到解决这个问题的办法。请参阅下面的代码-有一个通用的connect.php文件,我不想添加它。提前谢谢 index.phpJQuery comment reply意外插入多个值,jquery,variables,comments,system,reply,Jquery,Variables,Comments,System,Reply,我已经创建了一个页面index.php,用户在其中单击“回复”,在生成的评论框中添加文本(“那么你在想什么”),然后单击“评论”。此文本将发布到下面的框中。 我遇到的问题是,如果多次单击“回复”按钮,当在评论框中输入文本并单击“评论”时,文本将被输入下面的框(以及数据库)相应的次数。我找不到解决这个问题的办法。请参阅下面的代码-有一个通用的connect.php文件,我不想添加它。提前谢谢 index.php <!DOCTYPE html> <html xmln
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<link rel="stylesheet" type="text/css" href="css.css">
<head>
<title>Comment</title>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".loader").load('index2.php');
$(document).on('click', '.clicker', function(){
var name = ($('.clicker').attr('id'));
$('#1').show();
$('.mydiv1').val("So what's on your mind?");
$('.mydiv1').focus(function(){
$(this).filter(function(){
return $(this).val() == "" || $(this).val() == "So what's on your mind?"
}).val("").css("color","#000000");
});
$('.mydiv1').blur(function(){
$(this).filter(function(){
return $(this).val() == ""
}).val("So what's on your mind?").css("color","#808080");
});
$('.comment3').click(function(){
var status=$('.mydiv1').val();
//alert(status);
var DATA = 'status=' + status;
$.ajax({
type: "POST",
url: "update.php",
data: DATA,
cache: false,
success: function(DATA){
$('.mydiv6').prepend(DATA);
$('.mydiv1').val("So what's on your
mind?").css("color","#808080").css("height","30px");
}
});
});
});
});
</script>
</head>
<body>
<div class="loader"></div>
</body>
</html>
你能把代码缩进吗?它将帮助我自己和其他人完成此操作。您可以根据某些条件(例如,当用户输入新文本或插入查询有错误时)向“.comment3”按钮添加/删除禁用的属性。
<?php
echo "<div class='master'>";
echo "<div class='comment' id=1>";
echo "<textarea class='mydiv1'></textarea>";
echo "<button class='comment3'>Comment</button>";
echo "</div>";
echo "<div class='comment2' id=2>";
echo "<textarea class='mydiv6'></textarea>";
echo "<button class='comment'>Comment</button>";
echo "</div>";
echo "<div class='mydiv2'>DIV 2</div>";
echo "<div class='mydiv3'>DIV 3</div>";
echo "<div class='mydiv4'>DIV 4</div>";
echo "<div class='mydiv5'>DIV 5</div>";
echo "<button class='clicker' id='1'>Reply</button>";
echo "</div>";
?>
update.php
<?PHP
include('connect.php');
$status=$_POST['status'];
$status = stripslashes($status);
$status = strip_tags($status);
$insert_status = mysql_query('INSERT INTO `test` (`id`, `status`) VALUES ("",
'.$status.'");');
$me = mysql_query("SELECT * FROM test");
while($row=mysql_fetch_array($me)){
$status=$row['status'];
}
$status = wordwrap($status, 80, "\n", true);
$status=nl2br($status);
echo "$status\n";
?>
comment{
display: none;
}
.clear{
clear:both;
}