Эластичное Textarea на JQuery для uCoz

4073 просмотров Alan_Writer 06.07.2015

Эластичное поле Textarea на JQuery для uCoz - очень полезная функция, которая также будет придавать лаконичности оформлению, подгоняя размер текстового поля - под его содержимое. Не нужно никаких полос прокрутки и больших по умолчанию полей, при необходимости поле само будет растягиваться или сжиматься. Работает эта функция за счет плагина Elastic, на JQuery. Это небольшой и простой скрипт, который подключается одним файлом весом 5КБ. Растягивается Textarea - только вниз по высоте текста, горизонтально поле не увеличивается.

Пример



Подключение JQuery и плагина (между HEAD)
Код
<script type="text/javascript" src="http://fullweb.ucoz.ru/SCRIPTS/elastic.js"></script>
<script type="text/javascript">$('#element_id').elastic();</script>

** Вообще-то нужно еще подключать библиотеку jquery, но на сайтах uCoz она есть по-умолчанию.
** element_id - вместо этого, как нетрудно догадаться вставляем id поля textarea, к которому хотим применить функцию эластичности.

Теги: jQuery, поле, адаптивное, ucoz, Textarea, Эластичное
0 Комментариев