Главная » Файлы » Прочие скрипты » jQuery

Автоматическое расширение textarea до указанной высоты через плагин Elastic на jQuery
23.06.14, 11:31:13

Скачать файл




Ещё один интересный плагин для автоматического расширения textarea, но в этот раз вы можете задать максимальную высоту, на которую она может расшириться, после чего появится стандартная полоса прокрутки

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:
Код
<style>
  .input {max-height: 215px; }  
  </style>


max-height: 215px - максимальная высота textarea в пикселях

Далее в самый низ после тега /body вставляйте:
Код
<script src="/js/jquery.elastic.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function(){
$('textarea').elastic();  
});
// ]]>  
</script>


Теперь достаточно нужной textarea присвоить класс input, чтобы скрипт начал обрабатывать код:
Код
<textarea class="input">Здесь любой ваш текст</textarea>


Осталось лишь залить скрипт из прикреплённого архива в папку js

Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: Elastic, указанной, до, Через, расширение, на, плагин, автоматическое, высоты, Textarea
Просмотров: 246 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: