Clinton Posted September 11, 2007 Share Posted September 11, 2007 I have a form. If I put in 5 for 'Quantity' and '1.00' for UnitCost when I go to TotalCost I want it to automatically compute the total. In this case 5.00. Make sense? How do I do this? <tr><td>Quantity:</td><td> <input type="text" name="Quantity"> </td></tr> <tr><td>Unit Cost:</td><td> <input type="text" name="UnitCost"> </td></tr> <tr><td>Total Cost:</td><td> <input type="text" name="TotalCost"> </td></tr> (And yes, I know this isn't exactly PHP but the HTML forum is virtually non-existent and I know there's a genius in here right now!) Link to comment https://forums.phpfreaks.com/topic/68897-form-help/ Share on other sites More sharing options...
Jessica Posted September 11, 2007 Share Posted September 11, 2007 It's javascript, not HTML. Link to comment https://forums.phpfreaks.com/topic/68897-form-help/#findComment-346280 Share on other sites More sharing options...
Clinton Posted September 11, 2007 Author Share Posted September 11, 2007 See, I knew someone knew more than me! I'll give that a shot. Thanks. Link to comment https://forums.phpfreaks.com/topic/68897-form-help/#findComment-346282 Share on other sites More sharing options...
liebs19 Posted September 11, 2007 Share Posted September 11, 2007 This will need javascript. Use the onfocus property on the TotalCost input box to call a function that does your math. Link to comment https://forums.phpfreaks.com/topic/68897-form-help/#findComment-346283 Share on other sites More sharing options...
Clinton Posted September 12, 2007 Author Share Posted September 12, 2007 Yea, after doing a little searching I found something that is pretty much what I need, I'd imagine, I just don't know how to alter it for my use and the javascript area is not very hoppin. Anybody here got any javascript experience? <html> <head> <meta name="generator" content="PhpED Version 4.5 (Build 4513)"> <script language="javascript1.1"> function summate() { var tot=0 for (var i=1; i <= 5; i++) { var id = "txt"+i; tot = tot + document.getElementById(id).value*1; } document.getElementById("tot").value = tot; } </script> </head> <body> <form> <table width=50% bgcolor="#FFFFFF" cellspacing=1 cellpadding=2> <tr bgcolor=""> <td><b>One</b></td> <td><input type="text" id="txt1" onChange="summate()"></td> </tr> <tr bgcolor=""> <td><b>Two</b></td> <td><input type="text" id="txt2" onChange="summate()"></td> </tr> <tr bgcolor=""> <td><b>Three</b></td> <td><input type="text" id="txt3" onChange="summate()"></td> </tr> <tr bgcolor=""> <td><b>Four</b></td> <td><input type="text" id="txt4" onChange="summate()"></td> </tr> <tr bgcolor=""> <td><b>Five</b></td> <td><input type="text" id="txt5" onChange="summate()"></td> </tr> <tr bgcolor=""> <td><b>TOTAL</b></td> <td><input type="text" id="tot"></td> </tr> </table> </form> </body> </html> Link to comment https://forums.phpfreaks.com/topic/68897-form-help/#findComment-346999 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.