Ver Mensaje Individual
  #7 (permalink)  
Antiguo 19/12/2009, 09:04
cslbcn
 
Fecha de Ingreso: marzo-2008
Mensajes: 383
Antigüedad: 16 años, 10 meses
Puntos: 5
Respuesta: Detectar TextArea vacío

ya lo arreglé. Eliminé el plugin elastic de jQuery y usé un código más imple y corto:


Código HTML:
Ver original
  1. // JavaScript Document
  2.     //agrandar TextArea
  3.     function agrandar(){
  4.        
  5.         area=document.forms['formulario'].TAestado.value;
  6.         lineas=area.split("\n");
  7.         for(i in lineas){
  8.             var ubound=i;
  9.         }
  10.         //alert(ubound);
  11.             ubound=new Number(ubound)+1;
  12.             if (ubound>10){
  13.                 document.forms['formulario'].TAestado.rows=10;
  14.                 document.getElementById('TAestado').className="TAestadoMax";
  15.             }else{
  16.                 document.forms['formulario'].TAestado.rows=ubound;
  17.                 document.getElementById('TAestado').className="TAestadoNor";
  18.             }
  19.            
  20.     }

Con la función Agrandar, cuando se hace un salto de linea el numero de rows del textarea aumenta, y si se quitar un salto de linea, el numero de rows disminuye. También, cuando el maximo de rows es 10, el numero de rows no se altera y aparece el scroll. TAestadoMAX y TAestadoNor son 2 clases en CSS:
Código CSS:
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3. .TAestadoMax{
  4.     resize: none;
  5.     border: none;  
  6. }
  7. .TAestadoNor{
  8.     resize: none;
  9.     overflow: hidden;
  10.     border: none;  
  11. }

Gracias por vuestra ayuda. Recientemente me inicié en JS y voy viendo como se pueden hacer muchas cosas en este lenguaje

Última edición por cslbcn; 19/12/2009 a las 09:09