www.webdeveloper.com
Results 1 to 4 of 4

Thread: add up results of other functions on the fly

Hybrid View

  1. #1
    Join Date
    Sep 2011
    Posts
    8

    add up results of other functions on the fly

    I have ten functions (I know this is a drawn out way of coding) and the last function doesn't work.

    Its supposed to total up the result of the first 9 functions, but it doesn't change my input at all.

    can I resolve this?

    Code:
     <script type="text/javascript">
    function updatesuma(){ document.form.suma.value =(document.form.sum1a.value-0)- (document.form.sum2a.value -0); } 
    function updatesumb(){ document.form.sumb.value =(document.form.sum1b.value-0)- (document.form.sum2b.value -0); } 
    function updatesumc(){ document.form.sumc.value =(document.form.sum1c.value-0)- (document.form.sum2c.value -0); } 
    function updatesumd(){ document.form.sumd.value =(document.form.sum1d.value-0)- (document.form.sum2d.value -0); }
    function updatesume(){ document.form.sume.value =(document.form.sum1e.value-0)- (document.form.sum2e.value -0); } 
    function updatesumf(){ document.form.sumf.value =(document.form.sum1f.value-0)- (document.form.sum2f.value -0); }
    function updatesumg(){ document.form.sumg.value =(document.form.sum1g.value-0)- (document.form.sum2g.value -0); } 
    function updatesumh(){ document.form.sumh.value =(document.form.sum1h.value-0)- (document.form.sum2h.value -0); }
    function updatesumi(){ document.form.sumi.value =(document.form.sum1i.value-0)- (document.form.sum2i.value -0); }  
    
    function updatesumtotal(){ 
    document.form.sumtotal.value =
    (document.form.suma.value -0)+ 
    (document.form.sumb.value -0)+
    (document.form.sumc.value -0)+ 
    (document.form.sumd.value -0)+
    (document.form.sume.value -0)+ 
    (document.form.sumf.value -0)+
    (document.form.sumg.value -0)+ 
    (document.form.sumh.value -0)+
    (document.form.sumi.value -0) 
    ; } 
    </script>
    HTML Code:
     <form name="form">  
    
    <input type="text" autocomplete="off" name="Scores"    id="Score"     value="Score"  class="clip"   readonly style="border:0px" />
    <input type="text" autocomplete="off" name="Par"       id="Par"       value="Par"    class="clip"   readonly style="border:0px" />
    <input type="text"                    name="Par Score" id="Par Score" value="Total"  class="clip"   readonly style="border:0px" /><br>
    
    <input type="text" autocomplete="off"  name="sum1a" id="hole1A" value="" onChange= "updatesuma()" /> 
    <input type="text" autocomplete="off" name="sum2a" readonly value="<?php echo $par1;?>"  id="hole1B" onChange= "updatesuma()" /> 
    <input type="text" name="suma" value="" id="hole1result" readonly style="" onChange= "updatesumtotal()" > <br>
    
    <input type="text" autocomplete="off" name="sum1b" id="hole2A" value="" onChange= "updatesumb()" /> 
    <input type="text" autocomplete="off" name="sum2b" readonly value="<?php echo $par2;?>" id="hole2B" onChange= "updatesumb()" /> 
    <input type="text" name="sumb" value="" id="hole2result" readonly style="" onChange= "updatesumtotal()" > <br>
    
    <input type="text" autocomplete="off" name="sum1c" id="hole3A" value="" onChange= "updatesumc()" /> 
    <input type="text" autocomplete="off" name="sum2c" readonly value="<?php echo $par3;?>" id="hole3B" onBlur= "updatesumc()" /> 
    <input type="text" name="sumc" value="" id="hole3result" readonly style="" onChange= "updatesumtotal()" > <br>
    
    <input type="text" autocomplete="off" name="sum1d" id="hole4A" value="" onChange= "updatesumd()" /> 
    <input type="text" autocomplete="off" name="sum2d" readonly value="<?php echo $par4;?>" id="hole4B" onChange= "updatesumd()" /> 
    <input type="text" name="sumd" value="" id="hole4result" readonly style="" onChange= "updatesumtotal()" > <br>
    
    <input type="text" autocomplete="off" name="sum1e" id="hole5A" value="" onChange= "updatesume()" /> 
    <input type="text" autocomplete="off" name="sum2e" readonly value="<?php echo $par5;?>" id="hole5B" onChange= "updatesume()" /> 
    <input type="text" name="sume" value="" id="hole5result" readonly style="" onChange= "updatesumtotal()" > <br>
    
    
    <input type="text" autocomplete="off" name="sum1f" id="hole6A" value="" onChange= "updatesumf()" /> 
    <input type="text" autocomplete="off" name="sum2f" readonly value="<?php echo $par6;?>" id="hole6B" onChange= "updatesumf()" /> 
    <input type="text" name="sumf" value="" id="hole6result" readonly style="" onChange= "updatesumtotal()" > <br>
    
    <input type="text" autocomplete="off" name="sum1g" id="hole7A" value="" onChange= "updatesumg()" /> 
    <input type="text" autocomplete="off" name="sum2g" readonly value="<?php echo $par7;?>" id="hole7B" onChange= "updatesumg()" /> 
    <input type="text" name="sumg" value="" id="hole7result" readonly style=""  onChange= "updatesumtotal()" > <br>
    
    <input type="text" autocomplete="off" name="sum1h" id="hole8A" value="" onChange= "updatesumh()" /> 
    <input type="text" autocomplete="off" name="sum2h" readonly value="<?php echo $par8;?>" id="hole8B" onChange= "updatesumh()" /> 
    <input type="text" name="sumh" value="" id="hole8result" readonly style="" onChange= "updatesumtotal()" > <br>
    
    <input type="text" autocomplete="off" name="sum1i" id="hole9A" value="" onChange= "updatesumi()"/> 
    <input type="text" autocomplete="off" name="sum2i" readonly value="<?php echo $par9;?>" id="hole9B" onChange= "updatesumi()" /> 
    <input type="text" name="sumi" value="" id="hole9result" readonly style="" onChange= "updatesumtotal()" > <br>
    
    <input type="text" name="Total Scores"    id="Score"      class="clip"   value=""       readonly style="border:0px"  />
    <input type="text" name="Par Total"       id="Par"        class="clip"   value="Total"  readonly style="border:0px" />
    <input type="text" name="sumtotal"  class="box" id="totalparscore" value=""       readonly style="" />
    
    <input type="submit" name="submit"/>
    
    </form> 
      

  2. #2
    Join Date
    Nov 2012
    Location
    Jakarta
    Posts
    42
    If I recall correctly, a javascript cannot read the value of a "readonly" field.

    To pass the value, use the "input hidden' field.

  3. #3
    Join Date
    Aug 2008
    Location
    Sweden
    Posts
    227
    Quote Originally Posted by firesnaker View Post
    If I recall correctly, a javascript cannot read the value of a "readonly" field.
    That's not correct. Read-only fields just can't be selected by the user - it does not limit any script's access in any way.

  4. #4
    Join Date
    Nov 2012
    Location
    Jakarta
    Posts
    42
    If I recall correctly, a javascript cannot read the value of a "readonly" field.

    To pass the value, try using the "input hidden" field.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles