1 (edited by PunBB 2018.04.04 00:57)

Topic: Pan Field Auto Resizer: Авто изменение высоты поля ввода текста

Удобно ли вам каждый раз растягивать мышкой поле для ввода текста, когда вы пишете поэмы? Наверное нет, тем более задача усложняется, если это попытаться сделать на смартфоне  PunBB_INFO_ICQ/whipped  не знаю как у вас, у меня это получается аж раза с 10-15 и то не намного.
Вот, тут погуглил и нашел уже готовый скрипт для автоматического изменения высоты текстового поля, то есть поля куда вводим текст.

Как это работает?

Вы вводите много буков, переходите на следующую строку, и когда когда количество строк достигает лимита, то автоматически добавляется новая строка для ввода текста. Удобно тем, что не приходиться прокручивать текст в форме, вы постоянно видите этот текст полностью.
При уменьшении происходит обратное - строки просто убираются автоматически.

https://punbb.softplaza.net/uploads/images/2018/04/df8f218de8d95807ddbfd850390bf3e9.png


Если нужно больше строк, как их добавить?

Открываем файл с js скриптом в вашем расширении и меняем значение следующей строки: 

$('textarea').autoResize({
  // установим максимальный размер растяжения
  limit:350, 
  // отменим анимацию
  animate:false
});

limit:350, просто установите ваш лимит. Это высота в пикселях.

Скачать расширение Pan Field Auto Resizer

1

2

Re: Pan Field Auto Resizer: Авто изменение высоты поля ввода текста

Эх молодость! Помню делал это пару лет назад для Live Chat, прикольная штукенция!  PunBB_INFO_ICQ/thumbsup

3 (edited by kisa 2018.04.04 02:43)

Re: Pan Field Auto Resizer: Авто изменение высоты поля ввода текста

Щель от почтового ящика, как здесь сейчас - это, безусловно, очень неудобно и давит на психику.

Но после какой-то высоты поля ввода, её увеличение ничего на даёт, кроме занимаемого места на экране. Пусть и текст большой, с какой-то высоты, весь он нам уже не нужен перед глазами.

Поле.. даже не зрения, а внимания имеет определённые размеры. Опытным путём, исходя именно  из этого, я даже для новых стилей установил ширину разных частей форума. Осталась высота. Существующая не годится однозначно.

Если размеры формы ввода будут такими же, как размеры поля внимания, высокотехнологичные свистелки становятся просто ненужными. Кроме того, при наборе текста, как и при письме, всё равно не очень удобно писать "на краю бумаги", хочется видеть немного свободного места.

PunBB_INFO_ICQ/pardon Я просто во vierwtopic.php установил высоту формы ввода   вменяемую, и всё решилось наилучшим образом, не добавив ни одного знака кода и не потратив ни грамма ничьих ресурсов.

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

4

Re: Pan Field Auto Resizer: Авто изменение высоты поля ввода текста

Бажец есть. Если редактировать свое сообщение, состоящее из достаточно большого количества строк (но не настолько большого, чтоб этот кейс был слишком уж редким), то форма с ответом будет иметь фиксированный размер и обрезать часть строк. И промотать до них никак нельзя, кроме как поставить курсор в текст и нажать какую-нибудь кнопку. Довольно раздражающе, надо заметить  PunBB_INFO_ICQ/smile
Так форма выглядит сразу после открытия сообщения на редактирование:
https://punbb.softplaza.net/uploads/images/2018/04/0a9676ef0e5ac9b6ec346fb0d65bc2c5.png
И только после нажатия кнопки раскрывается на полный размер:
https://punbb.softplaza.net/uploads/images/2018/04/73c3de55c81b07f019363331da8cd088.png

5

Re: Pan Field Auto Resizer: Авто изменение высоты поля ввода текста

да, в курсе. Это в основном писалось для формы быстрого ответа из-за ее крохотного вида. Я перепробовал разные скрипты найденные в интернете, это был один из более-менее нормально работающих во всех браузерах.
Видимо нужно отключить пока для редактирования, пока ни к чему оно там. надо разжимать скрипты и смотреть что там.

$matches[2]

меня больше встревожила несовместимость с Smart Insert Link. При выделении текста появляется расширенная форма для вставки и ссылки и текста.
Будем копаться. Спасибо за отчет!  PunBB_INFO_ICQ/thumbsup

6

Re: Pan Field Auto Resizer: Авто изменение высоты поля ввода текста

PunBB wrote:

меня больше встревожила несовместимость с Smart Insert Link. При выделении текста появляется расширенная форма для вставки и ссылки и текста.

У меня и до установки этого расширения так работало  PunBB_INFO_ICQ/smile
Отключил сабж, выделил текст, нажал кнопку вставки ссылки - выпала формочка с текстом и ссылью (хотя может у меня просто версия расширения старая, в которой это еще не было реализовано)

$matches[2]

Кстати, это расширение ломает еще и это.
А я всю голову сломал, почему же работать перестало!  PunBB_INFO_ICQ/wall

7 (edited by PunBB 2018.04.04 17:15)

Re: Pan Field Auto Resizer: Авто изменение высоты поля ввода текста

тут кстати вина этих двух расширений. Вина этого в том что оно создает скрытую форму TEXTAREA. А расширение которое вставляет картинки, выбирает для вставки первую попавшуюся форму, то есть скрытую. Ссылка есть в форме, но в скрытой.
В том расширении следовало бы направить вставку не по тегу TEXTAREA, а по его ID. Но это уже вопрос к разработчикам того расширения.
Попробуем как нибудь выкрутиться  PunBB_INFO_ICQ/whipped

8

Re: Pan Field Auto Resizer: Авто изменение высоты поля ввода текста

Обновлено расширение до 1.1 версии.
+ Совместимость с Simple Image Uploade
+ Совместимость с Smart Links Form
+ Добавлен ручной ресайз текстового поля
+ увеличена высота поля до 500 пикселей

9

Re: Pan Field Auto Resizer: Авто изменение высоты поля ввода текста

kisa wrote:

Я просто во vierwtopic.php установил высоту формы ввода   вменяемую, и всё решилось наилучшим образом

Подскажите пожалуйста строку где это прописывать.

10

Re: Pan Field Auto Resizer: Авто изменение высоты поля ввода текста

Как изменить высоту поля textarea

11 (edited by kisa 2018.04.05 23:40)

Re: Pan Field Auto Resizer: Авто изменение высоты поля ввода текста

Я это сделал год назад и забыл. Высоту установил такую же, как в форме медленного PunBB_INFO_ICQ/bigsmile  ответа - ну, по кнопке "Ответить" и в редактировании. Это перестало обращать на себя какое-либо внимание, как так и должно быть, что правильно. Вспоминаю только здесь, что усугубляется ещё размахом страницы на всю ширину PunBB_INFO_ICQ/jokingly

Значение rows="15" найдено, отработано, выверено,  проверено на почти 50.000 сообщений. Оно идеально.

Весь этот вопрос так и решается заменой одной цифры в одном файле, а не нагроможднением адаптивных прогрессивных свистелок. Ещё такая аналогия напрашивается:

По умолчанию нам предлагается кушать борщ чайной ложкой. Если честно, даже не обычной, а такой:
https://punbb.softplaza.net/uploads/images/2018/04/959c594b07ac8827614726c4df4f4afd.jpg


Это расширение трансформирует ложку на ходу от тарелки ко рту из кривой и маленькой в нормальную столовую. Причём ложка эта ааптивная весит, как швейцарский нож.  Оно прикольненько, конечно... Но лично я, приступая к борщу, деформированную чайную ложку отложил, вооружившись столовой, а не адаптивной, прастихоспади. И забыл о "проблеме", не стоящей выеденного яйца (продолжая гастрономические аналогии PunBB_INFO_ICQ/bigsmile ). Считаю рациональным просто всем сразу раздать обычные столовые ложки. Кстати здесь ещё ложка не всегда срабатывает, иногда застряёт то в борще, то во рту  PunBB_INFO_ICQ/rofl Оказывается, адаптивной ложке нужно позаботиться о совместимости с борщом Гали отдельно, а Маши отдельно. Нарисуется ещё Таня - и под её борщ затачивать придётся.  PunBB_INFO_ICQ/bigsmile

Да блин, я пожрать сел, а не прогрессивными бирюльками играться!

Вместо одной мелкой проблемы создаётся несколько других, которые мужественно решаются. Как в велосипеде наращивание передач, прямо  PunBB_INFO_ICQ/rofl

12

Re: Pan Field Auto Resizer: Авто изменение высоты поля ввода текста

kisa wrote:

Значение rows="15"

Как раз то, что нужно - спасибо!

P. S. борщ люблю, и ем его большой деревянной ложкой. PunBB_INFO_ICQ/wink

13

Re: Pan Field Auto Resizer: Авто изменение высоты поля ввода текста

evmir_troll-hunterPunBB_INFO_ICQ/bigsmile https://krokovod.org/forum/extensions/pan_smiles/pack/img/friends.gif

14

Re: Pan Field Auto Resizer: Авто изменение высоты поля ввода текста

А подскажите-ка какую-то инструкцию по viewtopic.php пожалуйста - там есть много интересного, но непонятно... и лезть опасаюсь! PunBB_INFO_ICQ/pardon

15

Re: Pan Field Auto Resizer: Авто изменение высоты поля ввода текста

evmir_troll-hunter wrote:

подскажите-ка какую-то инструкцию по viewtopic.php

https://punbb.softplaza.net/post6702.html#p6702