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

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

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

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

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

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

  1. Скачать полную версию скрипта (неупакованная, с возможностью смены настроек), либо упакованную версию (без опций).
  2. Подключить скрипт к сайту следующим кодом (заменив путь к файлу на свой):

    1. <script type=“text/javascript” src=“pretty-comments.js”></script>

  3. Перед формой комментирования вставить следующий небольшой ява-скрипт:

    1. <script type=“text/javascript” charset=“utf-8″>

    2.     $(document).ready(function(){

    3.     prettyComments.init(‘comment’);

    4. });

    5. </script>

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

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

Вот и все.

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

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

Posted on Февраль 10, 2008 at 8:51 by Костя · Permalink
In: Главная

Leave a Reply

You must be logged in to post a comment.