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

Печать / 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
Автор статьи: AxqpxA (25.06.11 / 00:22)
js, javascript, textrea, контакт, блог, 7je.ru
Рейтинг: +8
Просмотров: 1366
Комментарии (7) »