[SOLUCIONADO] contenido textarea

[mblascog]

Buenas,
No encuentro respuesta a lo que me pasa.
Dispongo de un desplegable y textarea que apunta a un campo de una base de datos mysql.

Cada vez que selecciono un ítem del desplegable, visualiza el correspondiente valor en el textarea, según encuentra en la base de datos. Hasta aquí ningún problema.

Pero cuando modifico el valor del textarea y lo grabo, ya no hay manera de actualizar el continido del textarea. No lo entiendo.

Si visualizo el contenido del textarea así, funciona perfectamente:

Código Javascript:

$('#txtVariable').text('texto');
 

Pero si quiero formato html, es cuando deja de funcionar:

Código Javascript:

$('#txtVariable').html('texto');
 

Sabe alguien qué pasa?
Gracias

[Triby]

En teoría, la única forma de acceder al contenido de un textarea, sería por su valor, creo que en jquery es .val(), porque estamos hablando de un campo de formulario y no de un contenedor HTML (div, span, p, section, etc.).

Ahora, estaría bien que menciones qué tipo de contenido HTML es el que deseas mostrar, porque si es sólo código, entonces bastaría con los signos < (&lt;) y > ($gt;) por sus respectivas entidades.

[mblascog]

Gracias,
A continuación pongo el código html, jquery y php de todo el proceso:

Código HTML:

<div style="float: left;"><textarea id="txtVariable" class="dat" style="width: 278px;text-align:left;font:14px cGothics;height:75px;"></textarea></div>
 

Código Javascript:

txtVariable = $.trim($('#txtVariable').val());
$.post( "../php/aaa.php",{ jQueryPost:'grabar',txtVariable:txtVariable}).done(function(){});
 

Código PHP:

case "grabar":
$txtVariable = utf8_decode(filter_input(INPUT_POST,'txtVariable',FILTER_SANITIZE_SPECIAL_CHARS));
UPDATE tabla SET txtVariable = '".$txtVariable."' WHERE condicion
break;
 

Y ahora el proceso inverso, leo el campo de la base de datos y lo visualizo por jquery.

Código PHP:

$a0 = "SELECT txtVariable FROM tabla WHERE condicion ..."
$respuesta = $a0['txtVariable'];
 

Código Javascript:

$('#txtVariable').html(respuesta]);
 

He reducido todo el código, sólo he puesto el que interesa. Y tal como digo, mientras no modifique el contenido del textarea, funciona perfectamente, pero una vez modificado, se queda fijo el contenido.

Cambiando el jquery $('#txtVariable').html(respuesta]); por $('#txtVariable').text(respuesta]); funciona, pero necesito que respecte los saltos de linea

Gracias

[caricatos]

Hola:

No entiendo de jQuery, pero supongo que se puede usar javascript... lo digo porqué cuando en javascript se quiere acceder al valor original de un control se consigue con innerHTML, pero si el valor que interesa es el actual el atributo es value... supongo que el aporte de Triby tiene que ver...

Saludos

[Alexis88]

¿Y por qué no imprimes el valor directamente con PHP? Si recuperas el valor de una consulta en la base de datos, sería mucho más sencillo hacerlo así que de la forma en la que lo vienes intentando, a menos de que tengas una buena razón para hacerlo así.

[mblascog]

Gracias por responder,
Se trata de una aplicación muy grande y está estructurada de esta manera.
Cada opción consiste:
- un fichero php con el diseño
- un fichero php donde se accede a la base de datos y devuelve el resultado a un fichero javascript
- un fichero javascript, donde se controlan los eventos y hace las llamadas al fichero php para obtener información o grabar.

[Alexis88]

Por lo que dices, parece que estás usando una petición asíncrona (AJAX) para solicitar el texto a la base de datos y esta retorna el resultado. Pues, siendo así, y si el texto fue guardado con formato (como te expliqué en el otro hilo que abriste), no deberías tener problemas para establecerlo en el elemento. Solo cabe recordar que, siendo <textarea> un elemento de formulario, siempre deberás usar el método .val() para establecer el valor.

[mblascog]

Buenas, es así Alexis, tal como dices.
El problema, y es lo que me trae de cabeza, es que mientras no se modifica el textarea funciona todo perfectamente.
El valor del textarea lo recojo con el método .val()

[Alexis88]

Francamente me parece extraño que no obtengas el resultado esperado habiendo seguido todas las indicaciones desde el hilo anterior hasta este. Si guardaste en la base de datos el texto con formato, no deberías tener ningún inconveniente al recuperarlo y mostrarlo en un área de texto, ya sea de manera directa, imprimiendo la variable con PHP en el elemento, o con una petición asíncrona (AJAX).

Como no es posible decirte algo más al respecto sin ver lo que haces, me surge una opción poco ortodoxa. En el archivo PHP, en lugar de retornar el texto, podrías tener un área de texto y allí mismo imprimir el valor, mientras que el área de texto del archivo desde el cual enviaste la petición sería reemplazado por el nuevo. Sería como un engaño a la vista, cambiando a un elemento por otro idéntico excepto por el valor contenido.

Para que no te vayas a complicar, te sugiero tener ese área de texto (el original) en un elemento contenedor, como, por ejemplo, un <div>. El área de texto nueva sería añadido en dicho <div> con el método .html(), en donde respuesta sería el contenido.

Código HTML:

<div id="ejemplo">
    <textarea id="txtVariable"></textarea>
</div>
 

Código Javascript:

$("#ejemplo").html(respuesta);
 

[mblascog]

Buenas, me sigo peleando con lo mismo.
Tengo el desplegable y un textarea. Cada vez que se selecciona un elemento del desplegable, se accede a la base de datos para obtener una información y visualizarla en el textarea. Esto funciona perfectamente, tantas veces como desee.
Si modifico el contenido del textarea, y lo grabo, queda bien grabado, pero entonces es cuando deja de funcionar, es decir, selecciono otro elemento del desplegable y en el no se modifica el contenido. Tengo que refrescar la página para que vuelva a funcionar

Uso el textarea porqué necesito grabar los saltos de linia. Alguna sugerencia? debería avanzar con el problema

Gracias

[mblascog]

Al final lo he conseguido. Existe algún problema por lo que he leído buscando por Google. Lo que he hecho es poner dentro de un div al textarea, y cuando cargo el contenido desde la base de datos, creo de nuevo el textarea con el contenido.

Me ha funcionado.
Gracias