Ресайз TEXTAREA при введении символов (Rating: +8)

Print RSS
Уже давно понравилась идея на сайте вконтакте.ру, когда вводишь определенное колличество переносов строки, то поле ввода становиться более широкое.

Зайдя на один блог и решив написать свою запись, мне не понравилось что поле ввода очень маленькое для блога (слава богу есть плагин для изменения размера поля ввода вручную)

В общем решил это дело решить на js

<script type="text/javascript">
  function resizeTextarea(event, key)
  {
      if (event.keyCode == 13) {
          if (typeof self.totalEnter != 'number') {
              totalEnter = 1;
          }

          totalEnter++;   
                
          if (totalEnter > 3) {
              key.rows = key.rows + 1;
          }                           
      }
  } 
</script>

Использовать так:
<textarea cols="55" rows="3" name="message" onkeypress="javascript:resizeTextarea(event, this)"></textarea>

Исправно работает на: Opera 11.11, Firefox 4.0.2, Google Chrome 12.0.742.100 и IE 8

З.ы в js не силен, недавно его начал изучать
З.ы.ы Специально для http://7je.ru
Added:
Rating: +8
Views: 2048
Comments (7) »