estilos en textarea. AYUDA ¡¡¡

txarly · #1 (**permalink**) 30/05/2003, 02:15

Hola amigos;
Si me solucionan este problema me harían un favor impagable. A ver, quiero mostrar en un textarea el contenido de un texto sacado de la base de datos y presentarlo de la siguiente manera:

- la altura del textarea se debe ajustar a la altura del texto (nunca debe de salir el scroll)
- no quiero bordes en el textarea y no quiero que sea editable(esto lo tengo conseguido)
- y quiero ponerle un color de fondo (#FFFFEC)

Todo esto es para mostrar algo informativo.

Mi codigo es este:

<textarea rows=7 cols=120 style="overflow:auto;border:solid 0px black;" readonly>
bla, bla, bla ......
a)....
b)....
c)....
</textarea>

Gracias

oskitar · #2 (**permalink**) 30/05/2003, 02:45

para el color de fondo

style="background-color:#FFFFEC"

lo otro no se si podrás hacerlo con html, kizá necesits javascript, php o algo similar

txarly · #3 (**permalink**) 30/05/2003, 03:09

gracias por lo del color de fondo....
Alguien sabe algo acerca de:

- la altura del textarea se debe ajustar a la altura del texto (nunca debe de salir el scroll)

caricatos · #4 (**permalink**) 30/05/2003, 04:49

Hola txarly:

Tal vez esto pueda servirte:

<textarea id=texto cols=100 onkeyup="this.rows = this.value.split(/\n/).length + 1"></textarea>

Se trata de darle el tamaño cada vez que se pulsa una tecla...
Se le añade una línea más para que sobre, y porque cuando se pulsa "enter" el número de lineas que se genera en este ejemplo no varía, y provoca un scroll indeseado... aunque me imagino, que si lo vas a usar de acuerdo a lo que comentas en otro mensaje, no te será difícil adaptarlo a tus necesidades.

Espero que te sirva...

Saludos

txarly · #5 (**permalink**) 30/05/2003, 05:48

Probe tu idea pero no me funcionó

El textarea me sale con 2 filas por defecto. De todas formas, da igual, al final pasé del textarea y lo hice con esa función que sustituye saltos de linea por <br> del otro mensaje...

Mi codigo es:

<HTML>
<TITLE> New Document </TITLE>

<HEAD>
</HEAD>

<BODY>

<textarea id=texto cols=100 onkeyup="this.rows = this.value.split(/\n/).length + 1">

Este programa de ayudas tendrá la consideración de subvenciones no reintegrables; la adjudicación de todas las ayudas presentadas se realizará de una sola vez, sin utilizar la técnica concursal. En caso necesario, se procederá al prorrateo entre los beneficiarios del importe global máximo de las ayudas.

Actuaciones subvencionables:
a) Consolidación de la actividad internacional.
a.1. Actividades de promoción Exterior realizadas en Cooperación:
¿ Actuaciones Interempresariales Simples.
¿ Grupos de Promoción.
¿ Consorcios de Exportación.
a.2. Actividades de Promoción Exterior realizadas en Nuevos Mercados.
b) Implantaciones en el Exterior.
b.1. Actividades en Implantaciones Comerciales en el Exterior.
b.2. Actividades en Implantaciones Productivas en el Exterior

</textarea>

</BODY>
</HTML>

Gracias

codigojavascript · #6 (**permalink**) 14/02/2008, 17:40

Buenas a todos:

Primero que nada pido disculpas por responder este post tan antiguo, lo que pasa es que buscando en San Google sobre este tema no he encontrado una página que resuelva el problema de adaptar la altura de un textarea de una manera facil (muy facil).

Bueno aca va algo para solucionar el problema:

Si tenemos un textarea con contenido dinamico y texto ya insertado dentro de él podemos saber la altura de la barra de scroll del mismo y así sacar la altura que ocupa todo el texto

Código:

document.getElementById('miTextarea').style.height = document.getElementById('miTextarea').scrollHeight

listo, el alto se adptará, no de acuerdo a los saltos de linea ni a los retornos de carro, sino a la barra de scroll

Saludos