5172
- 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>
Код:
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>
Код:
<BR/>Вы ввели: <span id='count'>0</span> символов. <span id='kb'>0</span>Kb
Можешь почитать и вот эту статейку " Всплывающее окно при загрузке сайта с помощью CSS3 и JS"
Это тоже интересно
21.06.17Смена цифр на JavaScript
