Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   HTML (http://www.forosdelweb.com/f4/)
-   -   Textarea resizable (http://www.forosdelweb.com/f4/textarea-resizable-574277/)

Wuanchi 09/04/2008 13:11

Textarea resizable
 
Buenas a todos.

Tengo un jsp que crea un textarea predefinido de 30 filas y en la mayoría de los casos es demasiado grande. Tampoco quiero que el textarea sea pequeño y aparezca el scroll.
¿Cómo puedo hacer para que el textarea se ajuste al texto escrito?
Y.... ¿cómo puedo poner un límite máximo de caracteres al textarea?

Gracias de antemano.
Un saludo.

ultimateZERO 10/04/2008 00:33

Re: Textarea resizable
 
la FAQ de java sript

¿Como puedo construir con un texarea y algunos botones una pantalla de captura para que los usuarios escriban un texto y puedan insertar comandos para negritas, subrayado, etc. y que dichos comandos se inserten justo en el punto donde esté el cursor?

te va a servir para el numero de caracteres, esta dentor de las primeras 30. tambien la de

¿Como puedo contar el número de caracteres escritos en un area de texto de un formulario?

pateketrueke 10/04/2008 23:41

Re: Textarea resizable
 
para esto requieres Javascript

ElJavista 12/04/2008 14:35

Re: Textarea resizable
 
Ok, para el primer caso no hace falta usar javascript, basta darle al textarea el siguiente estilo:

<textarea style="overflow:visible" onKeyUp="setlimit(this.value)"></texteare>

Eso hará que el alto se expanda según se escriba. Pero eso empujará el contenido y podría deformar tu diseño. Bueno, para el segundo caso si hace falta javascript, se hace del siguiente modo:


Código:

<script language="JavaScript">
function setlimit(obj) {
        var txt = obj.value;
        var limite = 200; // si el límite de carácteres es 200
        if (txt.length > limite) obj.value = txt.substr(0, limite);

}
</script>

Espero que te sirva.

Wuanchi 22/04/2008 10:50

Re: Textarea resizable
 
Cita:

Iniciado por ElJavista
Ok, para el primer caso no hace falta usar javascript, basta darle al textarea el siguiente estilo:

<textarea style="overflow:visible" onKeyUp="setlimit(this.value)"></texteare>

Eso hará que el alto se expanda según se escriba. Pero eso empujará el contenido y podría deformar tu diseño.

Espero que te sirva.

Éso es exactamente lo que quería, pero no funciona en Mozilla Firefox (que es el navegador que estoy usando) :(.
Muchas gracias

Si alguien sabe como hacerlo funcionar en Mozilla... le estaría muy agradecido.

Un saludo.


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

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.