Показать сообщение отдельно

  #3  
Старый 09.02.2009, 20:40
Pashkela
Динозавр
Регистрация: 10.01.2008
Сообщений: 2,841
Провел на форуме:
9220514

Репутация: 3338


Отправить сообщение для Pashkela с помощью ICQ
По умолчанию

Пока такое нашел, чо найду еще - напишу

Растягивающийся textarea

Представим ситуацию когда пользователь вводит комментарий в textarea высотой 100px. Если комментарий умещается в эту область, то все отлично. Но если комментарий в несколько раз больше, то появляется прокрутка, которая может раздражать пользователя. Тогда можно растягивать textarea по высоте по мере заполнения. Вот так


// 500 - макс высота до которой будет растягиваться textarea
// 100 - изначальная высота textarea
<textarea style="width:600px; font-size:14px; height:100px;"
onkeyup="this.style.height=(a=(e=parseInt(this.sty le.fontSize)*(this.value.split('\n').length+2))
>(e2=500)?e2:e)<100?100:a;"></textarea>

Источник: http://ekimoff.ru/tag/javascript/

ну и в итоге то, что ты искал:

http://blogerstyle.com/jquery/avto-rastyagivayushheesya-pole-na-jquery

Цитата:
Авто-растягивающееся поле на jQuery

25.12.2008

Еще один плагин на jQuery, который мне по душе — Auto-Growing Textarea.

В отличие от плагинов, которые позволяют растягивать поле textarea вручную, Auto-Growing Textarea растягивает поле по мере добавления текста. На мой взгляд, это гораздо удобнее — и действий не надо лишних совершать и весь текст перед глазами )

<script type="text/javascript" src=".../jquery.js">
</script>
<script type="text/javascript" src=".../jquery.autogrow.js">
</script>
<script type="text/javascript">

$(document).ready (function() {
$('textarea.expanding').autogrow();
});
</script>

...

<textarea style="width: 300px; min-height: 100px;" class="expanding" name="myTextarea3"> <textarea>

Последний раз редактировалось Pashkela; 09.02.2009 в 20:45..
 
Ответить с цитированием