Хаки и Скрипты Next Generation CMS

Счетчик символов текстовом поле textarea

irbees2008 irbees2008 Опубликовано - 21 - 02 - 2015 JS
5078 - 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
Вот и все .

Можешь почитать и вот эту статейку "Дата на русском часть вторая"

Опрос

Ваше мнение

На каком движке ваш сайт?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйт cущecтвуeт: 4611 дней
  • Новостей: 617
  • Комментариев: 257
  • Зарегестрированных пользователей: 779
  • Онлайн всего: [5]
  • Гости: [4]
  • Поисковые роботы: [1] Яндекс
  • Сегодня нас посетили: [5] Google, Larrytitly, Яндекс, irbees2008, Яндекс
  • SQL запросов: 34
  • Генерация страницы: 0.338сек
  • Потребление памяти: 1.396 Mb 
  •   Яндекс.Метрика