Обработчик событий

[strangegirlXX]

Здравствуйте!

У меня имеется форма с тремя полями: Фрукты, Овощи и Итого.
Необходимо, чтобы при изменении значений полей Фрукты и Овощи, автоматически изменялось значение в поле Итого (сумма значений полей Фрукты и Овощи).
В javascript я - новичок, подскажите хотя бы какие функции посмотреть.
Спасибо!

[Ципихович Эндрю]

выложите, то что уже есть

[Eldrich]

PHP код:

Коты: <input id="q" value="4" type="text"  /><br />
Бобры: <input id="w" value="3" type="text" /> <br />
Вомбаты: <input id="e" value="2" type="text" /> <br />




<em>Вывод (проверка):</em> <em id='qwe'>0</em>

<script type="text/javascript">

    setTimeout(F1, 5)

    function F1() {
        setTimeout(F2, 5)
    }
    function F2() {
        setTimeout(F1, 5)
        setTimeout(F3, 0)
    }


    function F3() {


        q = parseFloat(document.getElementById('q').value);
        w = parseFloat(document.getElementById('w').value);
        e = parseFloat(document.getElementById('e').value);

      
      z = q* 10 + w / 11 + e - 14


      
        document.getElementById('qwe').innerHTML = z
    }
    
</script> 


Я бы так это сделал, но в тоже время я не знаю, загружает ли это систему( Кто знает?)

[MyLastHit]

Коты: <input onchange="start()" id="q" value="4" type="text"  /><br /> 
Бобры: <input onchange="start()" id="w" value="3" type="text" /> <br /> 
Вомбаты: <input onchange="start()" id="e" value="2" type="text" /> <br />
<em>Вывод (проверка):</em> <em id='qwe'>0</em> 
<script>
function start(){
  q = parseFloat(document.getElementById('q').value);
  w = parseFloat(document.getElementById('w').value);
  e = parseFloat(document.getElementById('e').value);
  z = q* 10 + w / 11 + e - 14;
  document.getElementById('qwe').innerHTML = z;
}
</script>

[Eldrich]

Сообщение от MyLastHit

Коты: <input onchange="start()" id="q" value="4" type="text"  /><br /> 
Бобры: <input onchange="start()" id="w" value="3" type="text" /> <br /> 
Вомбаты: <input onchange="start()" id="e" value="2" type="text" /> <br />
<em>Вывод (проверка):</em> <em id='qwe'>0</em> 
<script>
function start(){
  q = parseFloat(document.getElementById('q').value);
  w = parseFloat(document.getElementById('w').value);
  e = parseFloat(document.getElementById('e').value);
  z = q* 10 + w / 11 + e - 14;
  document.getElementById('qwe').innerHTML = z;
}
</script>

Этот вызов срабатывает только после перефокусировки. Я думаю, что автору не это обходимо.

[MyLastHit]

Этот вызов срабатывает только после перефокусировки. Я думаю, что автору не это обходимо.

Точно-точно...

Коты: <input onkeydown="start()" id="q" value="4" type="text"  /><br /> 
Бобры: <input onkeydown="start()" id="w" value="3" type="text" /> <br /> 
Вомбаты: <input onkeydown="start()" id="e" value="2" type="text" /> <br />
<em>Вывод (проверка):</em> <em id='qwe'>0</em> 
<script>
function start(){
  q = parseFloat(document.getElementById('q').value);
  w = parseFloat(document.getElementById('w').value);
  e = parseFloat(document.getElementById('e').value);
  z = q* 10 + w / 11 + e - 14;
  document.getElementById('qwe').innerHTML = z;
}
</script>

[Arigato]

А если мышкой текст вставят?

[MyLastHit]

А если мышкой текст вставят?

Ну можно 2 обработчика этих использовать разом. Только в случае с копированием, пользователь должен будет расфокусироваться, что в принципе логично для самого пользователя