Cómo puedo cambiar de type="text" a textarea?

#1 (**permalink**) 30/09/2010, 13:18

Hola a todos, estoy creando una aplicación para que los usuarios puedan dejar comentarios (algo así como un 'muro') y querría hacer de manera que el cuadro para introducir el texto fuera:

Código HTML:

<input type="text" name="comentario">

pero que si mientras se está escribiendo, se presiona 'enter' para poner varias líneas, aparezca:

Código HTML:

<textarea name="comentario">(el texto que había antes)</textarea>

Cómo puedo hacer esto (con javascript)?

Gracias de antemano

Perr0 · #2 (**permalink**) 30/09/2010, 13:47

algo asi?
me cansé......

********************************

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<script>
function cuek(){
	a=document.getElementById("elquecambia")
	if(a.tagName!="TEXTAREA"){
		tipodecambio="textarea"
		e=0
	}else{
		tipodecambio="input"
		e=1
	}
	textoanterior=a.value
	
	p=a.parentNode
	p.removeChild(a)
	t=document.createElement(tipodecambio)
	t.id="elquecambia"
	t.name="elquecambia"
	t.value=textoanterior
	if(e) t.type="text"
	document.getElementById('lb').appendChild(t)
}

</script>
</head>

<body>
<label id="lb">
  <input type="text" name="elquecambia" id="elquecambia" />
</label>
<input type="button" name="button" id="button" value="Bot&oacute;n" onclick="cuek()" />
</body>
</html>

_cronos2 · #3 (**permalink**) 30/09/2010, 13:54

Sólo habría que añadir para que eso ocurriera al presionar enter.
Saludos (:

Perr0 · #4 (**permalink**) 30/09/2010, 13:55

chuta lo hice con un boton, era con enter
pero para que te entretengas y averigues como funciona los event de caputra de teclado, como siempre explorer escapa al comun por eso hay que detectarlo de dos formas por lo menos.

salu2

#5 (**permalink**) 30/09/2010, 13:57

Muchas gracias me ha servido casi todo. Porque como tengo que enviar este formulario, debe haber un botón del tipo 'submit', y este tipo de botones cumplen su misión, es decir, van a donde les dice el atributo action, cuando se presiona la tecla enter. Es por eso que tengo:

Código HTML:

<form name="formulario" method="post" action="procesa.php">
<label id="lb">
  <input type="text" name="mensaje" id="mensaje" onkeypress="cuek();" />
</label>
<input type="submit" value="Bot&oacute;n"/>
</form>
</body>
</html>

Y aquí está el problema, quiero que sólo se procese el formulario cuando se presione sobre el botón, no cuando se presione enter. Cómo puedo hacer esto?

Perr0 · #6 (**permalink**) 30/09/2010, 14:04

cambia submit por button

luego le das un onclik

y en el script colocas:

document.forms.formulario.submit()

parece que es algo asi

salu2

Nota: al pasar de textarea a text, cada salto de linea explorer no separa en cambio FF las reemplaza por un espacio......punto para FF

#7 (**permalink**) 30/09/2010, 14:08

Bueno gracias pero de todos modos, me va mejor poniendo el evento onClick="quek()" a la caja de texto.

Perr0 · #8 (**permalink**) 30/09/2010, 14:33

Cita:

Iniciado por 3nr1c

Bueno gracias pero de todos modos, me va mejor poniendo el evento onClick="quek()" a la caja de texto.

NO ME ENTENDISTE!!!

es al boton que tienes como submit

es asi

<input type="submit" value="Botón"/>

lo dejas asi

<input type="button" value="Botón" onclick="submitchanta()" />

y en el script la funcion submitchanta() es

document.forms.formulario.submit()

salu2

you know what i mean?

_cronos2 · #9 (**permalink**) 30/09/2010, 15:09

No me gusta nada enviar un formulario con JS, de toda la vida se envía con un submit, pero para no enviar el formulario con enter hay otras opciones. Prueba:

Código Javascript:

Ver original//@JavierB
function pulsar(e) {
  tecla = (document.all) ? e.keyCode :e.which;
  return (tecla!=13);
}

Tendrías que añadir en cada campo del form (text o textarea) el vento onkeypress='pulsar(event);'.
Saludos (:

#10 (**permalink**) 01/10/2010, 06:38

Cita:

Iniciado por Perr0

Nota: al pasar de textarea a text, cada salto de linea explorer no separa en cambio FF las reemplaza por un espacio......punto para FF

Por eso no hay problema, esto lo arreglo con php al procesar el formulario:

Código PHP:

<?php $_POST['mensaje'] = nl2br($_POST['mensaje']); ?>

Por l demas muchas gracias, eso era lo que buscaba :D