Estou com um problema. Estou implementando uma página de chat, utilizando o seguinte script:
<script>
$(document).ready(function(){
$("#enviar").click(function(){
var mensagem = $("#campodetexto").val();
var old = $("#conteudojanela").html();
var hora = (new Date).getHours();
var min = (new Date).getMinutes();
if(min <10)
min = "0"+min;
var sec = (new Date).getSeconds();
if(sec <10)
sec = "0"+sec;
var horario = hora+":"+min+":"+sec;
var nmsg = old + "<div class=\"user\"><div class=\"colunm01\"><p class=\"atendenteBold\">Cliente</p><p>"+horario+"</p></div><div class=\"colunm02\"><p>"+mensagem+"</p></div></div>";
$("#conteudo").html(nmsg);
});
});
</script>
O que ocorre é que perco todas as quebras de linha que faço ao digitar o texto.
Trocar a chamada do var mensagem = $("#campodetexto").val();
para .text();
ou .html();
me faz perder o valor, e chamar replace()
não tem funcionado com trocas entre \n
, \\n
e/ou <br>
.
Sei que estou fazendo algo errado, preciso saber apenas o que é. Já busquei dezenas de tutoriais na internet e nada me ajudou.
Obrigado desde já.
------ EDIT:
O que quero, é que ao digitar um texto na chatbox("#campodetexto"
), o texto vá para a tela de chat("#conteudo"
) com todas as quebras de linha([ENTER]
) que eu tiver digitado, e isto não tem acontecido. A quebra de linha é mostrada no chatbox, mas não na janela de chat.
$("#conteudo").append($('<div>...</div>'))
,