Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Dec 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Auto calculate multiply and subtract

    Hi all...

    i need to auto calculate 3 fields and store the result in 2 fields:

    field 3 = field 1 * field 2
    field 5 = (field 1 * field 2) - field 4 or field 3 - field 4

    so far i'm trying to modify an existing code but i'm still can't get it working correcly

    Code:
        <html>
        <head>
        <script type="text/javascript">
        function compute(inputObj, otherInputID, multiID, subID, diffID) {
        var otherObj = document.getElementById(otherInputID)
        var multiObj = document.getElementById(multiID)
    	var subObj = document.getElementById(subID)
        var diffObj = document.getElementById(diffID)
         
        var v1=inputObj.value
        var v2=otherObj.value
    	var v3=multiObj.value
    	var v4=subObj.value
         
        var val1 = v1=="" ? 0 : parseFloat(v1) // convert string to float
        var val2 = v2=="" ? 0 : parseFloat(v2)
    	var val3 = v3=="" ? 0 : parseFloat(v3)
    	var val4 = v4=="" ? 0 : parseFloat(v4)
    	
    
    
        multiObj.value = val1 * val2
    	diffObj.value =  (val1 * val2)-val4
    	
    	}
    	
    	
    	
        </script>
        </head>
         
        <body>
        Value 1: <input id="txt1" type="text" onKeyUp="compute(this, 'txt2', 'addres', 'subtract', 'mulres')">
        <br />
        Value 2: <input id="txt2" type="text" onKeyUp="compute(this, 'txt1', 'addres', 'subtract', 'mulres')">
        <br />
        Added Result: <input id="addres" type="text">
        <br />
        substract: <input id="subtract" type="text" onKeyUp="compute('txt1', 'txt2', 'addres', this, 'mulres')">
        <br />
        Multiplied Result: <input id="mulres" type="text">
        </body>
        </html>
    my problem is the Multiplied Result field not automatically change the result when i enter value in subtract field. it will change if i retype the value in field 1 and 2.
    Hope somebody can help me.

    Thank in advance
    Last edited by inoycavalera; 02-28-2012 at 08:22 AM.

  • #2
    Senior Coder
    Join Date
    Dec 2010
    Posts
    2,396
    Thanks
    12
    Thanked 569 Times in 562 Posts
    The problem is your choice of parameters for the compute() function. You should select either id string or the element object and stick to it. Better yet: Do not provide any parameter, because compute will always need the same (fixed) set of fields that can easily be determined without parameters

    See this example for a working version. If you hover your mouse over the example page, you'll notice a button "Edit in jsbin.com" on the top right corner. Using this button you can view and edit the full code of the example (HTML and Javascript)

  • #3
    New to the CF scene
    Join Date
    Dec 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile thanks

    thank you very much devnull69...it's working like a charm


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •