• 1438
  • 0
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: нужны навыки css html

Вот попросили выложить счетчик символов введенных в поле textarea,в принципе он подходит для любых полей.

Итак
1.Подключаем скрипт счетчика перед формой

Код:
<script>function counter(el)
{var wrapper = document.createElement('DIV');
wrapper.innerHTML = el.value;
var len = (wrapper.textContent || wrapper.innerText).length;
document.getElementById('count').innerHTML = len + ' | ' + el.value.length;
document.getElementById('kb').innerHTML = (len/1024).toFixed(2);
}
</script>
2.Добавляем параметры в наше поле ,у нас это textarea и в него добавляем
Код:
onkeypress="counter(this);" onkeyup="counter(this);" onchange="counter(this);
и у нас получилось
Код:
<textarea name="ng_news_content" id="ng_news_content" rows="10" tabindex="2" onkeypress="counter(this);" onkeyup="counter(this);" onchange="counter(this);"></textarea>
3.Теперь скрипт считает символы и теперь нам надо вывести что посчитал скрипт ,после текстового поля добавляем
Код:
<BR/>Вы ввели: <span id='count'>0</span> символов. <span id='kb'>0</span>Kb
Вот и все .

Можешь почитать и вот эту статейку "JetBrains PhpStorm"

mistakes

Это тоже интересно

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

Ваше мнение

TWIG -что это?
Результаты

----