<html>
<head>
<meta charset='utf-8'>
<script>
function CheckLength() {
var limit = document.getElementById('txt').maxLength
var src = document.getElementById('txt').value.length
limit.innerText = limit
var dst = document.getElementById('info')
dst.innerText = limit-src
}
setInterval(CheckLength, 100)
</script>
</head>
<body>
<form>
<textarea maxLength='200' id="txt"></textarea>
</form><br>
<span id="info"></span>
</body>
</html>
Что здесь не так?
Заранее спасибо!
Спустя 3 минуты, 5 секунд (17.02.2012 - 16:30) inpost написал(а):
имена атрибутов пишутся полностью с маленькой буквы, их свойства берутся в двойные кавычки.
И ты уверен, что можно вот так просто ссылаться к атрибуту? Храни максимальную длину в переменной непосредственно в javascript, без textarea.
И ты уверен, что можно вот так просто ссылаться к атрибуту? Храни максимальную длину в переменной непосредственно в javascript, без textarea.
Спустя 1 час, 27 минут, 59 секунд (17.02.2012 - 17:58) EkleP написал(а):
Проблема была в том, что в Firefox нет свойства innerText, альтернатива это innerHTML
Вот кроссбраузерный пример подсчета оставшихся символов <textarea>
Вот кроссбраузерный пример подсчета оставшихся символов <textarea>
<html>
<head>
<meta charset='utf-8'>
<script>
function CheckLength() {
var len = document.getElementById('txt').maxLength
var txt = document.getElementById('txt')
var lim = document.getElementById('lim')
lim.innerHTML = len
lim.innerHTML = len-txt.value.length
}
setInterval(CheckLength, 100)
</script>
</head>
<body>
<form>
<textarea maxLength='200' id="txt"></textarea>
</form><br>
<span id="lim"></span>
</body>
</html>
Спустя 5 часов, 33 минуты, 51 секунда (17.02.2012 - 23:32) FatCat написал(а):
Зачем так сложно?
Не проверял в файерфоксе, но по идее такой примитивный код даже этот увечный браузер должен схавать.
<html>
<head>
<meta charset='utf-8'>
</head>
<body>
<form>
<textarea maxLength='200' id="txt" onkeyup="javascript:CheckLength()"></textarea>
</form><br>
<span id="info"> </span>
<script>
function CheckLength() {
document.getElementById('info').innerHTML = ""+(document.getElementById('txt').maxLength-document.getElementById('txt').value.length);
}
CheckLength()
</script>
</body>
</html>
Не проверял в файерфоксе, но по идее такой примитивный код даже этот увечный браузер должен схавать.
Спустя 20 дней, 15 часов, 49 минут, 3 секунды (9.03.2012 - 15:21) EkleP написал(а):
Ооо... Все работает! Спасибо 
Спустя 59 секунд (9.03.2012 - 15:22) EkleP написал(а):
Только для чего в конце мы пишем CheckLength() ? В этом есть необходимость?
Спустя 9 дней, 11 часов, 51 минута, 9 секунд (19.03.2012 - 03:13) FatCat написал(а):
Чтобы при загрузке страницы написало цифру разрешенного количества вводимых символов.
Если не делать вызов функции в конце скрипта, при загрузке страницы на месте счетчика будет пустота.
Если не делать вызов функции в конце скрипта, при загрузке страницы на месте счетчика будет пустота.