Código Javascript:
Ver original
$(document).ready(function(){ mostrar(); $("#enviar").keypress(function(e){ if (e.which == 13){ if($(this).val().charAt(0) != " " && $(this).val().length>0){ scroll(); enviar(); return false; }else{ $(this).val(''); return false; } } }); function enviar(){ $.ajax({ url : 'enviar.php', type : 'POST', data : { texto : $("#enviar").val() }, success : function(){ mostrar(); }, }); $("#enviar").val(''); } function mostrar(){ $.ajax({ url : 'conversacion.php', cache : false, dataType: 'json', success : function(data){ conversacion(data); setTimeout(function(){mostrar()}, 5000); scroll(); } }); } function conversacion(data){ $.each(data,function(index,value) { $('#chat').append("<p>"+ data[index].de +": "+ data[index].texto +"</p>"); }); } function scroll(){ $('#chat').attr('scrollTop', $('#chat').attr('scrollHeight')); } });
No sé si explique bien el problema.. de todas forman una disculpa si lo fuera.