0

Есть следующая часть кода. Необходимо сделать так чтобы inputtext расширялся до определенного количества символов по мере введения этих символов. А по достижении допустим длинны в 50 символов, появлялась дополнительная строка внизу(тоже на 50 символов).

<h:inputText value="#{component.entity.textUa}" id="textUa" maxlength="100"
title="#{cardOrderPurposesMsg.text_ua}" required="true"
requiredMessage="#{commonMsg.empty_field_error}"/>

1 ответ 1

0

Такие вещи делаются не с помощью jsf:

<input type="text" style="width: 8px;" onkeydown="this.style.width = ((this.value.length + 1) * 8) + 'px';">

5
  • А можете подсказать что изменить чтобы указать конечное число символов? Можно ли указать какое-то начальное значение в 200 пикселей к примеру? И можно ли как-то сделать так чтобы по достижении определенного количества, например в 50 символов, появлялась дополнительная строка снизу.
    – noxi
    23 окт 2017 в 7:07
  • Чтобы ограничить расширение инпута двадцатью символами, например, нужно значение атрибута onkeydown заменить на this.style.width = ((this.value.length < 20 ? this.value.length + 1 : 20) * 8) + 'px'; А вот вторую строку можно обеспечить либо заменой input на textarea, либо использованием editable div, но это уже другой, более сложный вопрос. 23 окт 2017 в 7:15
  • А можете помочь с editable div?
    – noxi
    23 окт 2017 в 7:52
  • Правила ресурса не рекомендуют ведение длинных переписок в комментариях и решение двух и более проблем в одном вопросе. Вот вам пример для старта и экспериментов. 23 окт 2017 в 8:10
  • в любом случае спасибо. разобрался с текстареа, нужно теперь только задать чтобы после 100 символа не можно было больше печатать. но это уже другой только что созданный вопрос)
    – noxi
    23 окт 2017 в 8:49

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.