Как увеличивать text area в зависимости от количества строчек?

Question

[istasiik]

Нужно добиться чего то такого:




Это поле для ввода в самом низу. Поэтому, к тому же, нужно, что бы оно увеличивалось вверх.

Answer 1

[Евгений Петров]

Что то примерно похожее было Как посчитать количество строк в textarea?
Но вам этот геморрой и не нужен — вы же по событию input работать.
Вот вам обновлённый пример для вашей цели jsfiddle.net/petroveg/YnZuh/4

Comments

[istasiik]

Спасибо вам! А для JS нужно создать отдельный файл и подключить его в начале HTML?

[Евгений Петров]

@istasiik отдельный? Если вас нет своих скриптов на странице, то да — отдельный файл и лучше с атрибутом async. Если уже есть, лучше дописать к какому-нибудь из них.

Вставлять скрипты можно где угодно, но вопрос выбора куда именно не так прост. Если с атрибутом async, то неважно где. Если же скрипт загружается синхронно... То тут мы просто выйдем за рамки вашего вопроса и далеко.

Если кратко, скажу так — коли вы своих скриптов не используете, вставляйте в head.

[istasiik]

Спасибо!

Answer 2

[sasha]

считаешь количество символов в строке, делишь количество введенных на количество в строке и округляешь в большую сторону. Еще можно до количества введенных симвовлов некое число чтобы было наверняка. Так ты будешь иметь число строк в текстареа (высоту его меняешь на лету умножая колво строк на высоту строки). чтобы оно шло вверх, делаешь ему position:absolute и bottom: 10px к примеру. Вот вроде и все

Comments

[Евгений Петров]

Увы, подсчёт символов годен только для моноширинных шрифтов.