Показать сообщение отдельно
  #9 (permalink)  
Старый 25.09.2014, 23:17
Интересующийся
Отправить личное сообщение для amd3000 Посмотреть профиль Найти все сообщения от amd3000
 
Регистрация: 12.08.2014
Сообщений: 12

Решил (почти) следующим образом:
Взял скрипт с Поста №2, и немного его подкорректировал.

<script>
  window.onload = function(){
    var ins = document.getElementById('RecountForm').getElementsByClassName('inp'),
    i = 0;
    for(i; i < ins.length; i++){
      result = ins[i].value * ins[i].parentNode.previousSibling.childNodes[0].value;
      result = result.toFixed(2);

      ins[i].parentNode.nextSibling.innerHTML = result;
      ins[i].onkeyup = function(){
        result = this.value * this.parentNode.previousSibling.childNodes[0].value;
        this.parentNode.nextSibling.innerHTML = result.toFixed(2);
      }
    }
  }
</script>

<form id="RecountForm" >
<table>
<tr><th>Наценка</th><th>Базовая Цена</th><th>Цена</th></tr>
<tr><td><input id="n1" type="text" value="22"></td><td><input class="inp" id="cena1" type="text" value="1.5"></td><td id="result1"></td></tr>
<tr><td><input id="n2" type="text" value="23"></td><td><input class="inp" id="cena2" type="text" value="1.3"></td><td id="result2"></td></tr>
<tr><td><input id="n3" type="text" value="24"></td><td><input class="inp" id="cena3" type="text" value="1.1"></td><td id="result3"></td></tr>
<tr><td><input id="n4" type="text" value="25"></td><td><input class="inp" id="cena4" type="text" value="1.2"></td><td id="result4"></td></tr>
</table>
</form>


Как-бы работает. но есть одно НО!!!

Всё работает если менять данные в столбце Базовая цена.

Как вызвать функцию перещёта ещё и по изменению в столбце Наценка?
Ответить с цитированием