Web-Codes

Демо скрипта
Описание: скрипт, автоматически растягивающий в высоту поле добавления комментария в зависимости от длины введенного текста, исключающий при этом появление вертикального скролла.
Установка:
1. Скачаваем этот архив и распаковываем в корень сайта.
2. На страницы сайта, где есть форма добавления комментариев (для новостей это - страница материала и комментариев к нему), в <head>...</head> прописываем :

Код: Выделить всё

<script type="text/javascript" src="/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="/jg.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("textarea#message").jGrow({ rows: 25 });
});
</script>

Для настроек нам нужна предпоследняя строчка:

Код: Выделить всё

$("textarea#message").jGrow({ rows: 25 });

rows: 25 - максимальное количество строк, к которым максимально будет происходить растяжка.
Если сделать так:

Код: Выделить всё

$j("#comment").jGrow();

то будет растягиваться бесконечно.

При копировании на свой сайт - ставьте первоисточник

Скрипт глючит

.

и из-за такой ерунды подключать jquery?
Я избрал другой способ, конечно примитивный, не такой красивый и т.д. и т.п.
но зато он работает без единого глюка и по сравнению с jquery - вообще ни сколько не весит.
в неад:

Код: Выделить всё

<script type="text/javascript" language="javascript"> 
 function bigmessage() { document.getElementById("message").style.height ='500px' } 
 function smallmessage() { document.getElementById("message").style.height ='135px' } 
 </script>

по месту 2 кнопочки:

Код: Выделить всё

<input name="big" type="button" onclick="bigmessage();" class="codeButtons" value="+" title="Увеличить поле ввода сообщения"> 
<input name="small" type="button" onclick="smallmessage();" class="codeButtons" value="-" title="Уменьшить поле ввода сообщения">

Web-Codes

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

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

Re: Авторастяжка поля для добавления комментариев

Re: Авторастяжка поля для добавления комментариев