Увеличение / Уменьшение текстовых полей с помощью MooTools

Короткий урок про то, как добавить к любому текстовому полю возможность увеличения или уменьшения.

demosourse

Это будет очень короткий, но полезный урок.

Использование такого плагина добавить дополнительную функциональность любому текстовому полю. Иногда, когда текста много, он полностью не влазит в текстовое поле. С помощью этого скрипта можно легко увеличить текстовое поле.

Все что от Вас требуется, это подключить два файла в шапке Вашего документа:

<script src="mootools.v1.1.js" type="text/javascript"></script>
<script src="resizeTextarea.js" type="text/javascript"></script>

После этого под каждым текстовым полем Вы увидите плюс и минус для осуществления данной операции.

Спасибо за Ваше внимание. Всего наилучшего!

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.ejectmedia.net
Перевел: Максим Шкурупий
Урок создан: 22 Июня 2009
Просмотров: 33386
Правила перепечатки


5 последних уроков рубрики "Mootools"

  • Создание меню при помощи MenuMatic 0.68.3

    Создание горизонтального и вертикального меню при помощи MenuMatic 0.68.3

  • Анимированные закладки с использованием MooTools

    Один из возможных способов поместить много контента на одно небольшое место - это использование системы закладок. Данный урок покажет как создать систему анимированных закладок с использованием CSS, куки и анимированного переключения панелей.

  • Выезжающая панель для сайта на Mootools

    Изучив этот урок, Вы научитесь делать компактную выплывающую панель для сайта. Разрабатывать ее мы будем с помощью Mootools, ну и конечно же не обойдемся и без CSS-стилей, которые будут играть здесь роль дизайнинга панели

  • Multi-Select c помощью MooTools

    В этом уроке речь пойдет о переносе выбранных опций из одного multi-select в другой. Думаю, что подобный виджет вы уже видели. Обычно он применяется на сайтах объявлений и регистрации в каталогах, где ваше объявление (ваш сайт) подходит для размещения в нескольких рубриках. В этом уроке мы реализуем подобный виджет с помощью Mootools.

  • Автоматическая подпись изображений с помощью MooTools

    Этот урок расскажет Вам про то, как сделать автоматическую подпись под рисунком с помощью MooTools.

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 22 Июня 2009 18:54
    Dimka
    Огромное спасибо. Давно искал такой скрипт :)
  • 22 Июня 2009 19:14
    Dimka
    А можите подсказать почему там где у меня прицеплен WYSIWYG редактор то этот скрипт неработает? :-(
  • 22 Июня 2009 19:45
    kickerps
    Понадобитсо =)
  • 24 Июня 2009 02:01
    Alexxhub
    А зачем при пользовани WYSIWYG использовать данный скрипт? Ведь его поля без проблем растягиваются и мышой.
  • 19 Июля 2009 11:09
    МихаилГорюнов
    А можно это сделать автоматически при увеличении объёма текста?
  • 8 Января 2010 13:03
    Виктор
    А что, нельзся обойтись простейшим скриптом, увеличивающим и уменьшающим ширину и высоту за счёт установки свойства height - document.getElementById("...").style.height=x;?
  • 29 Января 2010 17:33
    Kolian
    Неплохая вещь) Единственное, что не понравилось, так то, что плюс и минус совсем невзрачные в оригинале, а я себе сделал картинки вместо них
  • 1 Апреля 2011 00:15
    Ygreec
    полезная штука! может кто подскажет, как сделать чтобы размер видеоплеера также изменять? хотелось бы чтобы помимо режима "во весь экран" можно было растягивать видеоплеер до промежуточных размеров. Пробовал сделать с помощью скрипта, где изменяется размер изображения, но там сделано для изображения, не знал какие моменты можно поменять на нужное. Подскажите пожалуйста, как можно сделать такое?
  • 1 Апреля 2011 01:15
    Ygreec
    Наконец-то получилось! Спасибо, вопрос снят! Поменял img на object
  • 25 Сентября 2013 21:07
    xefff
    [url href='http://ruseller.com/']link[/url]
  • 23 Октября 2014 07:46
    volter9
    Мда... А может объясните для чего нужен скрипт? > С помощью этого скрипта можно легко увеличить текстовое поле. А ручками внизу взять и увеличить размер уже не модно? Или хотя бы CSS свойство resize, не слыхали?
^ Наверх ^