Главная JavaScript

Скрипт для авторастяжки поля комментирования

Нашел интересную приблуду для формы комментирования, которая мне пришлась по душе — скрипт, автоматически растягивающий в высоту поле добавления комментария в зависимости от длины введенного текста, исключающий при этом появление вертикального скролла.

Иными словами, как только высота введенного текста окажется больше высоты поля добавления комментария, оно автоматически растянется на высоту текста. Это делает процесс комментирования более удобным, если пишется достаточно большой комментарий.

По большому счету данный скрипт применим не только к полю комментариев на блоге, а вообще к тегу <textarea>, как таковому.

Скрипт совсем небольшой, работает на jQuery, т. е. для его работы необходима подключенная к сайту библиотека jQuery.

Установка тоже довольно проста:

  1. Скачать полную версию скрипта (неупакованная, с возможностью смены настроек), либо упакованную версию (без опций).
  2. Подключить скрипт к сайту следующим кодом (заменив путь к файлу на свой):
    <script type="text/javascript" src="pretty-comments.js"></script>
  3. Перед формой комментирования вставить следующий небольшой ява-скрипт:
    <script type="text/javascript" charset="utf-8">
    	$(document).ready(function(){
    	prettyComments.init('comment');
    });
    </script>
    

    где comment — идентификатор тега <textarea>.

  4. Подключить к сайту (если это еще не сделано) библиотеку jQuery.
  5. Если вы скачали полную версию, то можно поиграться с настройками, которые расположены в верхней части кода скрипта pretty-comments.js.

Вот и все.

Работающий пример вы можете увидеть на блоге автора скрипта.

Пробуем и юзаем :).

* * *

Группа компаний «Эффективные решения» предоставляет большой спектр услуг по управлению предприятием и ведению информационного учета, в том числе сопровождение 1С в виде аутсорсинга, что позволяет предприятию сократить лишние издержки и обеспечить бесперебойность работы системы «1С:Предприятие».

Комментарии (23)

  1. Читаю комментарии и удивляюсь =]

    Вы же должны понимать, что наличие или отсутствие лагов зависит целиком и полностью от клиентского железа, на котором этот скрипт отрабатывает. Больше чем уверен, что если избавится от эффекта ПЛАВНОГО вытягивания поля ввода скрипт начнет работать быстрее.

    Скроллы для текстарии не угодили тем, что они уродские и инородные, даже в Сафари =]

    А вообще вариант хороший и удобный, но не подходит мне по той причине, что не дружит со script.aculo.us, к которому привык и нежно люблю. Попробую предложенный Jecky вариант

  2. Спасибо! Применил =)

  3. А что, очень мило, мне нравится…

    Пробовал в разных браузерах — всё норм.