Agregar Texto A Un Textarea

LordJhony · #1 (**permalink**) 05/11/2010, 10:07

Hola...
Miren Tengo El Siguiente Codigo:

Código Javascript:

Ver original<script>
 function actualizar(textarea)
{                
 
textarea = document.getElementById(textarea);
var text= document.createElement('textarea');
text.style.width = textarea.offsetWidth+'px';
text.style.height = textarea.offsetHeight+'px';                   
textarea.parentNode.replaceChild(text,textarea);
}
</script>

Este lo que hace es que toma un textarea existente y lo reemplaza por otro.
Lo que yo necesito es saber de que manera le puedo asignar texto al nuevo textarea....

_cronos2 · #2 (**permalink**) 05/11/2010, 10:38

Con value.
Saludos (:

IsaBelM · #3 (**permalink**) 05/11/2010, 13:37

aunque es verdad que usando al atributo value parece que funciona, no es así, mas si ese nuevo valor lo vas a enviar. en un textarea el atributo value es solo de lectura. usa innerText (ie) y textContent(ff)

sysmadryn · #4 (**permalink**) 05/11/2010, 14:28

SI no entendi mal la pregunta, value si funciona ...

<html>
<head>
<script>

function actualizar(textarea){
textarea = document.getElementById(textarea);
var text= document.createElement('textarea');
text.id = "ta02";
text.style.width = textarea.offsetWidth+'px';
text.style.height = textarea.offsetHeight+'px';
textarea.parentNode.replaceChild(text,textarea);

text.value = "que tal ?";
document.getElementById("ta02").value = text.value + "\n muy bien !";
}

</script>
</head>
<body>
<textarea id="ta01" cols="20" rows="15">hola</textarea>
<br />
<button value="" onclick="actualizar('ta01')">click para reemplazar textarea</button>
</body>
</html>

_cronos2 · #5 (**permalink**) 05/11/2010, 15:25

Cita:

Iniciado por IsaBelM

aunque es verdad que usando al atributo value parece que funciona, no es así, mas si ese nuevo valor lo vas a enviar. en un textarea el atributo value es solo de lectura. usa innerText (ie) y textContent(ff)

Que yo sepa sí funciona, siempre lo he usado así. Los textarea no tienen el atributo HTML value, pero sí la propiedad JS value, por tanto sí se puede modificar el value de un textarea con JS.
Saludos (:

IsaBelM · #6 (**permalink**) 05/11/2010, 15:47

como decía, parece que funciona, pero si vas a la consola de errores firebug, a la etiqueta html y te fijas como ha cambiado, verás a lo que me refiero. piensa que los textareas no tienen value

_cronos2 · #7 (**permalink**) 05/11/2010, 16:20

¿En qué cambia? Yo tengo esto:

Código HTML:

Ver original<textarea id='abc' cols="10" rows="3">hola</textarea>
<button onclick="ID('abc').value='que tal?\nbien!';">cambia</button>

Y no he visto que cambie nada en el HTML...
Saludos :D

LordJhony · #8 (**permalink**) 06/11/2010, 05:18

Gracias...

IsaBelM · #9 (**permalink**) 06/11/2010, 06:19

primero y mas importante, él está usando dom, cosa que en tu ejemplo has obviado. segundo punto, si ejecutas tu ejemplo y abres la consola de errores de firefox verás que el contenido del textarea no ha cambiado. prueba esto, revisando la firebug

Cita:

<html>
<head>
<script type="text/javascript">
function actualizar(textarea)
{
textarea = document.getElementById(textarea);
var text= document.createElement('textarea');
text.style.width = textarea.offsetWidth+'px';
text.style.height = textarea.offsetHeight+'px';
//text.value = 'el texto ha cambiado' // falso, produce esto <textarea style="width: 105px; height: 71px;"></textarea>
text.textContent = 'el texto ha cambiado' // verdad, produce esto otro <textarea style="width: 105px; height: 71px;">el texto ha cambiado</textarea>
textarea.parentNode.replaceChild(text,textarea);

}
</script>

</head>
<body>
<textarea id='abc' cols="10" rows="3">hola</textarea>
<button onclick="actualizar('abc')">cambia</button>
</body>
</html>

Panino5001 · #10 (**permalink**) 06/11/2010, 07:50

Con value no veo ningún problema. Firebug es una buena herramienta pero no exenta de errores.

caricatos · #11 (**permalink**) 06/11/2010, 09:30

Hola:

Justamente iba a contestar algo similar a lo que puso Panino5001, pero tenía la mesa puesta y había que comer...

Cita:

Iniciado por Panino5001

Con value no veo ningún problema. Firebug es una buena herramienta pero no exenta de errores.

Ayer también participé en un tema donde "las mentes pensantes" decidieron cosas que al menos yo no estoy de acuerdo... (no pasar una validación de accesibilidad usando el evento click en enlaces, pero pasar la validación html usar el atributo rel sin la sintaxis correcta )... el tema sigue caliente y puede consultarse...

El atributo value es el que valida los controles "no booleanos" o de texto (los que no se validan como checked), así que es normal hacer comparaciones y asignaciones para ese tipo de controles con ese atributo.

Otro caso similar son los select... el tag select no tiene un atributo value, pero si quieres activar un option, o lo haces con "elSelect.value = 'el value de un option'", o poner una burrada (lo dejo como tarea...)

Saludos

zerokilled · #12 (**permalink**) 06/11/2010, 16:17

Cita:

Iniciado por IsaBelM

en un textarea el atributo value es solo de lectura.

sin animo de ofensa, te hace falta profundizar mas en HTML DOM. en ninguna documentacion he leido que value sea una propiedad de solo lectura. fijate la documentacion oficial, en la descripcion de la interfaz HTMLTextareaElement la propiedad value no dice readonly.

yo tampoco veo mal utilizar value para asignar un nuevo texto. es cierto que al revisar el DOM del documento, no se refleja el cambio en la estructura en si. fijate que de la misma forma tampoco se produce cambio cuando el usuario escribe sobre el campo. pero eso tiene una razon de ser, especificamente en los campos textarea e input text. por decirlo de una forma, la propiedad value refleja el estado actual de dicho campo. ahora bien, -en caso de estar dentro de un formulario- ¿que sucede si el usuario reinicia el formulario? los campos vuelven al valor inicial. el valor inicial depende de lo que hay en el DOM de ese documento.

¿que quiere decir esto? la propiedad adecuada depende de la intencion del autor. si el texto agregado al campo es uno por defecto, entonces deberia agregarse por setAttribute -para input text- o mediante un nodo texto -para textarea. si no es el caso, la propiedad value seria la mas adecuada.

IsaBelM · #13 (**permalink**) 07/11/2010, 13:08

Cita:

Iniciado por Panino5001

Con value no veo ningún problema. Firebug es una buena herramienta pero no exenta de errores.

Cita:

Iniciado por caricatos

El atributo value es el que valida los controles "no booleanos" o de texto (los que no se validan como checked), así que es normal hacer comparaciones y asignaciones para ese tipo de controles con ese atributo.

Cita:

Iniciado por zerokilled

sin animo de ofensa, te hace falta profundizar mas en HTML DOM. en ninguna documentacion he leido que value sea una propiedad de solo lectura. fijate la documentacion oficial, en la descripcion de la interfaz HTMLTextareaElement la propiedad value no dice readonly.

parece que me hace falta darle un buen repaso.
mi lógica, errónea, parte del hecho de que al no tener el atributo value, pensé que value era solo de lectura y por lo tanto con el no se podía asignar valor a un textarea. es decir, si hacemos esto <textarea id='abc' cols="10" rows="3" value="hola"></textarea> no se mostrará nada

gracias a los tres por esos comentarios y sacarme de mi error. gracias también a _cronos2 por tener paciencia y no .........

caricatos · #14 (**permalink**) 07/11/2010, 13:57

Cita:

Iniciado por IsaBelM

...gracias a los tres por esos comentarios y sacarme de mi error. gracias también a _cronos2 por tener paciencia y no .........

Una de las grandes virtudes de estos foro es que lo hacemos gente que también podemos equivocarnos... ya nos corregirás o nos habrás abrir los ojos en otros temas, estoy seguro de ello.

Saludos