Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Счетчик символов в поле
 
 автор: S_7   (15.12.2015 в 17:02)   письмо автору
 
 

Функция подсчитывает к-во символов в поле

setInterval(ShowCount, 300); 
function ShowCount(){
   document.getElementById('count').innerHTML = document.getElementById('new_description').value.length;
}


<textarea id="new_description"></textarea><span id="count">0</span>

как повесить ее на несколько полей ?

  Ответить  
 
 автор: elenaki   (16.12.2015 в 08:22)   письмо автору
 
   для: S_7   (15.12.2015 в 17:02)
 

Другой id?

  Ответить  
 
 автор: Deed   (16.12.2015 в 08:27)   письмо автору
 
   для: S_7   (15.12.2015 в 17:02)
 


<script>
function ShowCount(count, from){
   document.getElementById(count).innerHTML = document.getElementById(from).value.length;
}
</script>

<textarea id="new_description"></textarea><span id="count">0</span> 
<script>setInterval(ShowCount('count','new_description'), 300);</script>

  Ответить  
 
 автор: S_7   (16.12.2015 в 17:39)   письмо автору
 
   для: Deed   (16.12.2015 в 08:27)
 

с двумя полями не считает..

<textarea id="new_description" ></textarea>Кол-во символов: [ <span id="count">0</span> ]
<textarea id="new" ></textarea>Кол-во символов: [ <span id="n">0</span> ]

  Ответить  
 
 автор: confirm   (17.12.2015 в 05:56)   письмо автору
 
   для: S_7   (16.12.2015 в 17:39)
 

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<script> 
document.addEventListener("DOMContentLoaded", function() {
    setInterval(function(){
        [].slice.call(document.querySelectorAll('textarea')).forEach(function(e) {
            document.querySelector('[for='+e.id+']').innerHTML = e.value.length
        })
    }, 500);
});
</script>     
</head> 

<body>
<label for="t1">0</label>
<textarea id="t1"></textarea>
<label for="t2">0</label>
<textarea id="t2"></textarea>
</body> 
</html>


Если ориентировано на браузеры только с поддержкой HTML5, то таймер не нужен.

  Ответить  
 
 автор: onedere   (09.03.2016 в 11:46)   письмо автору
 
   для: confirm   (17.12.2015 в 05:56)
 

а если готовый счетчик установить?зачем второй раз велосипед выдумывать?

  Ответить  
 
 автор: nextis   (27.04.2016 в 21:04)   письмо автору
 
   для: onedere   (09.03.2016 в 11:46)
 

да тут просто ставишь разные ид каждому и все, а готовый счетчик грузить страницу будет

  Ответить  
 
 автор: tuskar   (28.04.2016 в 11:39)   письмо автору
 
   для: nextis   (27.04.2016 в 21:04)
 

а как можно по проще решить подобный вопрос?

  Ответить  
 
 автор: nextis   (28.04.2016 в 11:40)   письмо автору
 
   для: tuskar   (28.04.2016 в 11:39)
 

как вариант, можно запустить сайт на движке UMI-CMS

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования