Foros del Web » Creando para Internet » HTML »

estilos en textarea. AYUDA ¡¡¡

Estas en el tema de estilos en textarea. AYUDA ¡¡¡ en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/05/2003, 03:15
Avatar de txarly  
Fecha de Ingreso: marzo-2003
Ubicación: Eibar (Gipuzkoa)
Mensajes: 455
Antigüedad: 14 años, 9 meses
Puntos: 2
estilos en textarea. AYUDA ¡¡¡

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
__________________
¿Por qué Uri Geller doblaba cucharas?
  #2 (permalink)  
Antiguo 30/05/2003, 03:45
Avatar de oskitar  
Fecha de Ingreso: junio-2002
Mensajes: 245
Antigüedad: 15 años, 5 meses
Puntos: 1
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
  #3 (permalink)  
Antiguo 30/05/2003, 04:09
Avatar de txarly  
Fecha de Ingreso: marzo-2003
Ubicación: Eibar (Gipuzkoa)
Mensajes: 455
Antigüedad: 14 años, 9 meses
Puntos: 2
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)
__________________
¿Por qué Uri Geller doblaba cucharas?
  #4 (permalink)  
Antiguo 30/05/2003, 05:49
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
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
  #5 (permalink)  
Antiguo 30/05/2003, 06:48
Avatar de txarly  
Fecha de Ingreso: marzo-2003
Ubicación: Eibar (Gipuzkoa)
Mensajes: 455
Antigüedad: 14 años, 9 meses
Puntos: 2
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
__________________
¿Por qué Uri Geller doblaba cucharas?
  #6 (permalink)  
Antiguo 14/02/2008, 17:40
 
Fecha de Ingreso: diciembre-2007
Ubicación: Argentina
Mensajes: 151
Antigüedad: 10 años
Puntos: 2
Re: estilos en textarea. AYUDA ¡¡¡

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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 10:17.