Просмотр поста

Сегодня буду радовать вас полем textarea, которое автоматически увеличивается под высоту текста.

Для начала нам нужно сделать два класса в CSS:

.textarea-feik{
border: 1px solid #000;
display: none;
font-size: 11pt;
min-height: 60px;
padding: 7px;
white-space: pre-wrap;
width: 60%;
word-wrap: break-word;
}

.noscroll{overflow: hidden;}

Класс .textarea-feik должен иметь такие же параметры, как и все ваши поля textarea.
Дальше вам нужно где-нибуть на странице вставить следующий HTML код:

<div class="textarea-feik"></div>

Ну и собственно сам jQuery:

$('textarea').live('keyup', function(){
  var content = $(this).val();
  $('div.textarea-feik').text(content);
  if(!$(this).hasClass('noscroll'))
    $(this).addClass('noscroll');
  $(this).css('height', ($('div.textarea-feik').height() + 10) + 'px');
});