Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
É o seguinte pessoal, estou aprendendo jQuery e estou construindo um chat bem simples com php+jQuery, bem simples mesmo só para ter uma noção de funcionamento. Bom, o php tá funcionando de boa, a parte do jQuery onde envia os dados por post($.post) também, o problema é que na hora de atualizar a página a cada 5 segundos, o textarea se repete e ficam 2, mas quando eu dou um CTRL+U para verificar se o código também foi duplicado e fica o código só de uma textarea:
Página do chat:
<?php
include "mysql_connect_server.php";
?><html>
<head>
<meta charset="utf-8" />
<title>Enviar menssagem</title>
<script type="text/javascript" src="scripts/___JAVASCRIPT/jQuery_system.js"></script>
<script>
$(window).load(function(){
var x = $("#suban").val();
if(x!=null){
$("#relo").click(function(){
$.post("n.php", {textR: $("#suban").val()});
});
}
setInterval(function(){$(".areaMensa").load("men.php")}, 5000);
});
</script>
<style></style>
</head>
<body>
<div class="areaMensa">
<?php
$ggdgrt5t = mysql_query("SELECT * FROM mens");
$consrtd = mysql_num_rows($ggdgrt5t);
if($consrtd!=0){
while($fweg43ewd=mysql_fetch_array($ggdgrt5t)){
echo $fweg43ewd["mensa"]."<br />";
}
}
else{
echo "Nenhuma mensagem a ser exibida";
}
?>
</div><br />
<textarea name="textR" id="suban" >
</textarea><br /><br />
<input type="submit" id="relo" value="Enviar menssagem" />
</body>
</html>Como notaram, está bem simples mesmo, alguém pode me ajudar?
Estou com o mesmo problema, mas ninguém ajuda haha! Já conseguiu resolver ?
Bom dia Paulo, eu percebi que você não limpa o HTML antigo, seria bom você usar:
$(".areaMensa").html();
antes de chamar o load para limpar a área e inserir o novo HTML que vem da pagina php. tente essa solução.
acho que você esta verificando errado, na minha opniao eu fazia assim
<script>
**jQuery("#relo").click(function(){**
**var input =("#suban").val();**if(input.length==0){
alert('Campo Vazio')
}else{
$.post("n.php", {textR: input}, function(resultado){
if(resultado){
setInterval(function(){$(".areaMensa").load("men.php")}, 5000);
}
});
}
});
</script>
ninguém vai ajudar????????????