Новые уроки
Получай новые уроки по RSS

Подписка на рассылку


Голосование
Чего выкладывать больше?
Программ
Уроков
Скриптов
Шаблонов
Макетов
CMS
Видеоуроков
Облако тегов

Jquery → Увеличение textarea

Увеличение textareaКогда у вас текст на 2000 символов то он может не поместиться в ваше текстовое поле, и будет виден на половину. Данный плагин позволяет текстовому полю автоматически увеличиваться на кол-во веденных символов.







Создаем текстовое поле
<form>
    <textarea></textarea>
</form>


Задаем начальный размер полю
textarea {
    width: 250px;
    height: 125px;
}


Скрипт который будет автоматически увеличивать наше поле
$(function() {
    $("textarea").focus(function(){
        $(this).width(500);
    }).blur(function(){
        $(this).width(250);
    });
});


Немного переделав скрипт, чтобы поле увеличивалось плавно с анимацией.
$(function() {
    $("textarea").focus(function(){
        $(this).animate({ width:"500px"}, 1000);
    }).blur(function(){
        $(this).animate({ width:"250px"}, 500);
    });
});
Опубликовал dimas_ua, 2-09-2010, 00:00 Комментариев: 0
 (голосов: 0)