Ver Mensaje Individual
  #10 (permalink)  
Antiguo 27/11/2009, 13:47
Avatar de Adler
Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 18 años, 2 meses
Puntos: 126
Respuesta: Extender textarea

Hola

Justo hace un momento acabo de finalizar un script para un colega. Por si los que ya te dejaron no funciona

Código javascript:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.  
  6. <script type="text/javascript">
  7. var nuevaFila = {
  8.  
  9. Evento: function (elemento,nomevento,funcion) {
  10.   if (elemento.attachEvent)
  11.   {
  12.       var f=function(){
  13.         funcion.call(elemento,window.event);
  14.     }
  15.     elemento.attachEvent('on'+nomevento,f);
  16.     return true;
  17.   }
  18.   else  
  19.     if (elemento.addEventListener)
  20.     {
  21.       elemento.addEventListener(nomevento,funcion,false);
  22.       return true;
  23.     }
  24.     else
  25.       return false;
  26. },
  27.  
  28.  
  29.  
  30. init: function(){
  31. var elem = document.getElementById("txt");
  32.         nuevaFila.Evento(elem, 'keyup', nuevaFila.CreaFila);
  33.     },
  34.  
  35.  
  36. CreaFila: function (ev) {
  37. var num_caracteresIrreales;
  38. var num_caracteresReales;
  39. var keyCode = document.layers ? ev.which : document.all ? event.keyCode : document.getElementById ? ev.keyCode : 0;
  40. var elem = document.getElementById("txt");
  41. num_caracteresIrreales = elem.rows * 26;
  42. num_caracteresReales = elem.value.length;
  43.  
  44. if (keyCode == 8) {
  45. if ((num_caracteresReales < (num_caracteresIrreales-26)) && (elem.rows >=2)) {
  46. elem.rows-= 1;
  47. }
  48.  
  49. } else if (num_caracteresReales == num_caracteresIrreales) {
  50. elem.rows+= 1;
  51.  
  52. } else if (keyCode == 13) {
  53. elem.rows+= 1;
  54. num_caracteresIrreales = 26;
  55. num_caracteresReales = 0;
  56. }
  57. }
  58. }
  59. nuevaFila.Evento(window, 'load', nuevaFila.init);
  60. </script>
  61. </head>
  62. <body>
  63. <textarea name="txt" id="txt" cols="30" rows="1" style="overflow:hidden;"></textarea>
  64. </body>
  65. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />