Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Joaopedro23434we

Problema no jQuery: Repetindo parte do html

Por , em Javascript

Recommended Posts

Joaopedro23434we    2

Joaopedro23434we
Postado

É 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";
?>
<!doctype html>
<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?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Sergio Tomas    16

Sergio Tomas
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcos_imasters    288

Marcos_imasters
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito