| |
|
|
| | Всем добрый день. Вот сделал скрипт который при вводе в textarea должен считать символы в обратном порядке...Но не пойму что я не так сделал..
<form>
<textarea id="textareaId"></textarea>
Осталось <input id="count"> символа(ов).
</form>
|
<script>
var _textarea = document.getElementById('textareaId'); // переменной присваиваем элемент текстареа
_textarea.onkeyup = function () {count();} //при вводе текста по событию вызывается функция
function count()
{
var count = 400 - _textarea.value; переменной присваиваем значение операции 400 отнимать введенные символы
var result = document.getElementById('count'); // переменной присваиваем элемент текстового поля где и будет отображатся отсчет
result = count; // собственно результату присваиваем значение при отнимании
}
//ниже идут условия которые меняют цвет результата при достижении определенной границы, сделано для удобства пользователя, чтобы он обратил внимание сколько ему символов осталось ввести. последние условие не даст пойти отсчету в минуса.
if(document.getElementById ('count').value < 100)
{count.style.color='#FF3333'}
else {count.style.color='#000000'}
if(document.getElementById ('count').value < 0)
{document.getElementById ('count').value = 0}"
</script>
|
У меня вызывают сомнения 2 последние строки в функции, помогите подправить скрипт. Заранее спасибо! | |
| |
|
|
| |
|
|
| |
для: TetRiska
(17.12.2008 в 16:36)
| | | В JS функции возвращается значение так:
| |
| |
|
|
| |
|
|
| |
для: ddhvvn
(17.12.2008 в 17:14)
| | | В общем я хотел вынести, то что в событии onkeyup отдельным скриптом, т.к. если я добавляю еще 1 скрипт по этому же событию для textarea, то отсчет не работает.
<textarea onkeyup="document.getElementById ('count').value = 400 - this.value.length; if(document.getElementById ('count').value < 100) {count.style.color='#FF3333'} else {count.style.color='#000000'} if(document.getElementById ('count').value < 0) {document.getElementById ('count').value = 0} " name="text" cols="67" rows="8"></textarea>
Осталось <input id="count" > символа(ов).
|
| |
| |
|
|
