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!) Quote Link to comment Share on other sites More sharing options...
Jessica Posted September 11, 2007 Share Posted September 11, 2007 It's javascript, not HTML. Quote Link to comment 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. Quote Link to comment 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. Quote Link to comment 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> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.