2012-02-28 8 views
-1

こんにちは私はこのリンクでここで正常に動作しているjavascriptのautosumを行っていますhttp://maatren.com/auto-sum.htmlしかし、私は逆のautosumも欲しいです。javascript autosum

どちらも問題なく動作しています。彼らは一緒にうまく動作していません。

私は私のHTMLは

<div style="width: 200px; text-align: center;"> 
    <form name="autoSumForm"> 
     <input class="right" type=text name="firstBox" value="" onFocus="startCalc();" onBlur="stopCalc();"><br> 
     % <input class="right" type=text name="secondBox" value="10" onFocus="startCalc();" onBlur="stopCalc();"><br> 
     = <input class="right" type=text name="thirdBox" value="" onFocus="startCalc();" onBlur="stopCalc();"><br> 
    </form> 
</div> 

問題は、私は3番目のボックスからコメントを削除すると、それが働いてトップということである

function startCalc(){ 
     interval = setInterval("calc()",1); 
    } 
    function calc(){ 
     one = document.autoSumForm.firstBox.value; 
     two = document.autoSumForm.secondBox.value; 
    third = document.autoSumForm.thirdBox.value; 
     document.autoSumForm.thirdBox.value = (one * 1) + ((two/100) * one); 
    //document.autoSumForm.firstBox.value = (third * 1) - ((two/100) * third); 
} 
function stopCalc(){ 
    clearInterval(interval); 
} 

このコードを使用します。私は、自動と逆自動の両方を同時にしたい。

+2

さらに質問をする前に、質問に回答してください。 –

答えて

0
<div style="width: 200px; text-align: center;"> 
    <form name="autoSumForm"> 
     <input class="right" type=text name="firstBox" value="" onkeyup="calc(1);"><br> 
     % <input class="right" type=text name="secondBox" value="10" onkeyup="calc(2);"><br> 
     = <input class="right" type=text name="thirdBox" value="" onkeyup="calc(3);"><br> 
    </form> 
</div> 
​ 

function calc(box){ 
    one = document.autoSumForm.firstBox.value; 
    two = document.autoSumForm.secondBox.value; 
    third = document.autoSumForm.thirdBox.value; 

    if(box == 1){ 
     document.autoSumForm.thirdBox.value = (one * 1) + ((two/100) * one);; 
    }else if(box == 2 || box == 3){ 
     document.autoSumForm.firstBox.value = (third * 1) - ((two/100) * third); 
    } 

}