Hola señores
Luego de mucha prueba-error e investigar, encontré la forma cómo hacer que la altura (rows) de un textarea sea modificada según la cantidad de líneas de texto, tal como pasa en los comentarios de Facebook.
El caso es que traté de guardar dicho efecto a modo de Prototype de la siguiente forma:
Código HTML:
Object.prototype.resizeTextarea = function()
{
//
};
Con sólo esas líneas se rompió todo. Luego de investigar la razón, encontré que no se puede declarar prototypes de objetos. Antes ya había declarado para strings y numbers, pero ni modo.
Me gustaría guardar dicho efecto como una función para subsecuentes proyectos. ¿Existe alguna alternativa en jQuery para tal cosa?
Acá dejo la función aplicado directamente al objeto:
Código HTML:
$('textarea').bind('keyup',function()
{
var scrollH = $(this).prop('scrollHeight');
var paddingTB = parseFloat($(this).css('paddingTop')) + parseFloat($(this).css('paddingBottom'));
var lineH = parseFloat($(this).css('lineHeight'));
$(this).attr('rows',(scrollH - paddingTB) / lineH);
});