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

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

02012-06-03196914Денис Абдуллин
Это очень удобно и даже красиво, когда текстовое поле по размерам соответствует содержимому. А еще логично, что при изменении этого содержимого поле для ввода текста растягивается и уменьшается, когда надо. А когда надо разберется плагин Elastic на JQuery. Эластичное Textarea на JQuery не займет много места (по количеству кода на странице). Textarea будет тянуться только вниз, горизонтально увеличиваться поле не будет.

Пример



Подключение JQuery и плагина (между HEAD)

Code
<script type="text/javascript" src="http://yraaa.ru/test/53/jquery.js"></script>
<script type="text/javascript" src="http://yraaa.ru/_ld/6/608_jquery.elastic..js"></script>


Код вызова плагина

Code
$('#element_id').elastic();

Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (14)
Михаил 2014-03-21 в 15:58 / МатериалСпам
А у меня не получилось, сайт не полетел, но в консоли разработчика вот такое вот:
Uncaught TypeError: Object [object Object] has no method 'elastic'
Подскажите, что делать?
0
Денис Абдуллин 2012-06-08 в 08:12 / МатериалСпам
Вот, например, для комментариев сделал
0
Кирилл Косырев 2012-06-04 в 15:27 / МатериалСпам
спасибо, блин, без вас разберусь
0
Марик 2012-06-07 в 21:07 / МатериалСпам
:DDDDDD
Админ то прав:Dскрипт не имеет административных функций и доступа к админке чтобы убить сайт, бывает что неумелые ручки как повставляют кучу всяких скриптов а потом не могут понять какой скрипт подпортил сайтик, и грешаться на правильные скрипты, и даже элементарное удаление скрипта возращает работоспособность.так что молча скачивайте скрипты и не высказывайте о умениях своих кривых рук
0
Кирилл Косырев 2012-06-07 в 22:43 / МатериалСпам
Руки у меня откуда надо и растут, но вставив не туда можно и сайта лишится. И вообще, откуда вы знаете, какие у меня руки, лучше о своих подумайте, а?
0
Денис Абдуллин 2012-06-04 в 14:51 / МатериалСпам
kiruxaable, сайт полетел точно не из-за этого скрипта, просто у кого-то руки кривые
0
Кирилл Косырев 2012-06-04 в 14:48 / МатериалСпам
Весь сайт полетел из-за этого скрипт и еще в чате он не работает
0
Денис Абдуллин 2012-06-03 в 22:02 / МатериалСпам
Сам впиши, если нету
0
Кирилл Косырев 2012-06-03 в 21:58 / МатериалСпам
А как ID найти, просто пытался не смог
0
Кирилл Косырев 2012-06-03 в 21:00 / МатериалСпам
И как в поле чата ucoz установить?!
0
Денис Абдуллин 2012-06-03 в 21:40 / МатериалСпам
Это не для input, а для textarea.
0
Денис Абдуллин 2012-06-03 в 21:44 / МатериалСпам
Если в чате Textarea, то берем ID этого текстового поля (например, "mychat") и добавляем скрипт после $CHAT_BOX$

Code
<script type="text/javascript">$('#mychat').elastic()</script>


Пока писал коммент понял, что надо и здесь использовать этот плагин, вообще везде надо его использовать.
0
74NET 2012-06-03 в 20:03 / МатериалСпам
Классно!
0
Гость 2012-06-03 в 20:54 / МатериалСпам
Я не разбираюсь в jQuery как это сделать для input?
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.