salto de linea textarea

rotivo · #1 (**permalink**) 03/11/2010, 18:05

Hola, estoy haciendo una especie de pagina donde dejar comentarios..utilizando de un textarea que al pulsar en un unput button realice la actualizacion del div donde contendre los comentarios mediante innerhtml..pero mi dudas son dos...

1.no me deja los comentarios con los saltos de linea (en el alert de comprobación si me lo pone pero en el div no y ya he probado con replace)

2.Para mantener los comentarios anteriores en el div e ir actualizandolos...tendria que concatenar las variables anteriores con las nuevas en el innerHTML ¿¿¿NO??'?

Os dejo mi codigo Graciassss

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>LAMBONADAS LA MARAVILLA</title>
<link href="estilos/1280.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="estilos/estilo_menu.css" type="text/css" />
<script type="text/javascript" src="js/ajax.js"></script>
</head>
<body>
<div id="divforo" name="divforo"></div>

<div id="divcomentario" ><textarea id="Comentario" rows="2" cols="60" ></textarea><input type="button" value="Comentar" onclick="recargarDiv(document.getElementById('Come ntario').value); return false" /></div>

</body>
</html>

function recargarDiv(textarea) {
//variable = escape(document.getElementById('Comentario').value );
//variable = variable.replace("\n", "<br>");

textarea = textarea.replace("\r","</br>");
textarea = textarea.replace(" ","  ");
alert(textarea);
document.getElementById("divforo").innerHTML =document.getElementById("divforo").innerHTML+=tex tarea;
document.getElementById("Comentario").value="";

}

PD: asi me deja el comentario anterior siempre pero me pega el siguiente acto seguido, yo lo querría debajo a una cierta distancia...

rotivo · #2 (**permalink**) 04/11/2010, 16:33

nadie puede guiarmeee¿¿¿??? thanksss

posman · #3 (**permalink**) 04/11/2010, 17:56

Trata cambiando \r por \n (como lo tienes en las lineas comentadas). Tambien </br> por <br>

Código javascript:

Ver originalfunction recargarDiv(textarea) {
  //variable = escape(document.getElementById('Comentario').value );
  //variable = variable.replace("\n", "<br>");
 
  //textarea = textarea.replace("\r","</br>");
  textarea = textarea.replace("\n","<br>");
  textarea = textarea.replace(" ","&nbsp; ");
  alert(textarea);
  document.getElementById("divforo").innerHTML+=textarea;
  document.getElementById("Comentario").value="";
}

rotivo · #4 (**permalink**) 06/11/2010, 19:14

gracias por contestar

pues lo pongo así pero tampoco nada...si hago un alert con el contenido del textarea me aparece perfecto con los saltos de linea, etc...lo malo viene cuando regargo un div mediante el innerHTML con el contenido del textarea...me lo pone seguido sin respetar los saltos de linea..Gracias

furoya · #5 (**permalink**) 27/12/2010, 08:37

Deberías buscar algo de información sobre Expresiones Regulares.

Tu código tenía varios cabos sueltos, además de estar fuera de las etiquetas de CODE que provee este sitio para que se pueda ver mejor.

La sugerencia que te dieron es válida. De entrada debería haber funcionado. Te dejo una versión más pulida.

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 

<title>LAMBONADAS LA MARAVILLA</title> 

<script type="text/javascript">

function recargarDiv(textarea) {
textarea = textarea.replace(/\r\n/g, "<br>");
textarea = textarea.replace(/\s/g, "&nbsp; ");
alert(textarea);
document.getElementById("divforo").innerHTML = document.getElementById("divforo").innerHTML += textarea + "<hr>";
document.getElementById("Comentario").value="";

}

</script>
</head>
<body>
<div id="divforo" name="divforo"></div>

<div id="divcomentario" >
<textarea id="Comentario" rows="4" cols="60" ></textarea>
<input type="button" value="Comentar" onclick = "recargarDiv(document.getElementById('Comentario').value); return false" /></div>

</body> 
</html>

Expresiones regulares

(Hay muchos otros tutoriales en el Foro, pero yo me acordé de éste, que dejamos medio abandonado.)