https://www.machform.com/forums/ MachForm Community Forums Topic: Create a field that calculates off other fields input en Sun, 03 May 2026 23:09:04 +0000 https://www.machform.com/forums/topic/create-a-field-that-calculates-off-other-fields-input#post-24157 Sat, 03 Oct 2015 07:00:10 +0000 grayfletch 24157@https://www.machform.com/forums/ <p>I dont know if you have the answer for this so ill show example i used<br /> in the form properties - show more -load custom javascript file just put the url to your js file<br /> IE: <a href="http://localhost/machform/js/test.js" rel="nofollow">http://localhost/machform/js/test.js</a></p> <p>as an example the test.js file saved in /machform/js/test.js</p> <p>$(document).ready(function () {</p> <p> var one, two, total;<br /> if ($('#form_18163').length) {<br /> $(document).change(function () {<br /> one = $('#element_4').val();<br /> two = $('#element_5').val();<br /> total = parseFloat(one) + parseFloat(two);<br /> $('#element_10').val(parseFloat(total).toFixed(2));</p> <p> });<br /> }<br /> });</p> <p>obviously the #form id and #element fields will be specific to your installation<br /> the #form id can be found when editing the form by the url in your browser<br /> IE: <a href="http://localhost/machform/edit_form.php?id=18163" rel="nofollow">http://localhost/machform/edit_form.php?id=18163</a><br /> The #element fields can be found by going to<br /> notifications-Send Notification Emails to My Inbox-more options - press underlined template-variables<br /> -pull down list for variable ie suma it will show the #element id for this variable</p> <p>A test form could include 3 fields<br /> hide the total in this case element_10 with the logic setting until suma and sumb have some data </p> https://www.machform.com/forums/topic/create-a-field-that-calculates-off-other-fields-input#post-24138 Sun, 27 Sep 2015 23:17:15 +0000 web365 24138@https://www.machform.com/forums/ <p>Hello.</p> <p>May I know the detailed steps and the detailed javascript to include in the form properties to add the values of the 2 fields so that the third field will just show the sum of the 2 fields? </p> <p>Do I need to paste the actual javascript codes in the advanced option, or just the script URL? If it is the script URL, should I paste the code in a notepad and save it with .js? If I upload the .js file to /domain.com/machform/script/ should I enter in the URL /machform/script/xxx.js?</p> <p>Thank you. </p> https://www.machform.com/forums/topic/create-a-field-that-calculates-off-other-fields-input#post-22761 Fri, 20 Feb 2015 04:31:23 +0000 williamansley 22761@https://www.machform.com/forums/ <p>@garrettruff: If you are running Machform 4.2, then you don't have to add the path to the script file to your code at all, you can use the new feature that lets you include the javascript file in your form properties. Edit the form, click on the "Form Properties" tab, click on the "show more options" link, scroll down to the bottom, and check the "Load Custom Javascript File" under "Advanced Option". </p> https://www.machform.com/forums/topic/create-a-field-that-calculates-off-other-fields-input#post-22758 Fri, 20 Feb 2015 01:53:36 +0000 garrettruff 22758@https://www.machform.com/forums/ <p>I have looked further add it seems it would need to be a java script that is inserted on the includes/ view-functions.php<br /> I created a file with the script I think would work:</p> <p>$(document).ready(function () {</p> <p> var one, two, total;<br /> // JavaScript for form_10859<br /> if ($('#form_10859').length) {</p> <p> $('#element_28').prop('disabled', true);<br /> $(document).change(function () {<br /> one = $('#element_25').val();<br /> two = $('#element_27').val();<br /> total = parseFloat(one) * parseFloat(two);<br /> $('#element_28').val(parseFloat(total).toFixed(2));<br /> });<br /> }</p> <p>I have tried adding the path the script file in multiple places under &lt;head&gt; but still dosn't work. Anyone know if this is the right approach or what I may be missing?</p> <p>&lt;head&gt;;<br /> {$custom_script_js}<br /> &lt;script type="text/javascript" src="{$machform_path}includes/Custom.js"&gt;&lt;/script&gt;<br /> &lt;/head&gt; </p> https://www.machform.com/forums/topic/create-a-field-that-calculates-off-other-fields-input#post-22747 Thu, 19 Feb 2015 06:57:38 +0000 garrettruff 22747@https://www.machform.com/forums/ <p>I have tried searching the forums for a while but never found a solution. I am looking for a way I can calculate square footage based on what my users insert in the length and width fields. Searching through the files I noticed there is a CSS file specific to the form ID but cannot find one with the functionality. I do want to get more complex later with summing the square footage totals then multiplying by a price per square foot field that will give me total cost but if someone can tell me how I can add the php code needed to make an element calculate and display the product I should be able to run with it. Not sure if this is something I could set up in the database to calculate and have the field post what the database has for that field. Or if anyone has done anything similar or knows where I could start or what files I would need to touch it would be greatly appreciated as I am a little lost on where to get started.</p> <p>(number field) Length = User enters data</p> <p>(number field) Width = User enters data</p> <p>(Calculate field or display) = The user data entered for length multiplied by the user entered data for width </p>