resize textarea to fit html td

[kalster]

If the html td changes size, the code below should resize the textarea to fit the html td. The code works for old browsers but why is it not working for new browsers?

$(document).ready(function() {
$('textarea').parent().resize(function() {
var $t = $(this);
$t.find('textarea').height($t.height());
}).resize();
});

[Tom8001]

 

If the html td changes size, the code below should resize the textarea to fit the html td. The code works for old browsers but why is it not working for new browsers?

$(document).ready(function() {
$('textarea').parent().resize(function() { //Aren't you ment to have a # or . Before the name textarea?
var $t = $(this);
$t.find('textarea').height($t.height());
}).resize();
});

[CroNiX]

Why not just use height=100% and same as width for the textareas, like using a CSS class? Then if the TD size changes the textarea will resize. Shouldn't really need JS for this, it can be done with just CSS. JS resize() browser event gets fired a hell of a lot of times while resizing which is overkill for what you're doing.