MachForm Community Forums Topic: Add custom javascript to form

MachForm Community Forums Topic: Add custom javascript to form https://www.machform.com/forums/ MachForm Community Forums Topic: Add custom javascript to form en Thu, 21 May 2026 23:31:04 +0000 moonlightss on "Add custom javascript to form" https://www.machform.com/forums/topic/add-custom-javascript-to-form#post-9599 Sat, 29 May 2010 22:17:30 +0000 moonlightss 9599@https://www.machform.com/forums/ just sent file today. Thanks. yuniar on "Add custom javascript to form" https://www.machform.com/forums/topic/add-custom-javascript-to-form#post-9581 Thu, 27 May 2010 17:52:44 +0000 yuniar 9581@https://www.machform.com/forums/ Can you send us your file please? and let us know the URL to the form. We'll check it. Mail to: customer.service [at] appnitro.com moonlightss on "Add custom javascript to form" https://www.machform.com/forums/topic/add-custom-javascript-to-form#post-9573 Wed, 26 May 2010 19:04:32 +0000 moonlightss 9573@https://www.machform.com/forums/ no workie... i did make one little change to see if that might be it, but no dice.. i changed $_SESSION['form_id'] == 5; to $_SESSION['form_id'] = 5; still not working. any ideas?? Thanks so much for the GREAT support! redityo on "Add custom javascript to form" https://www.machform.com/forums/topic/add-custom-javascript-to-form#post-9571 Wed, 26 May 2010 15:32:15 +0000 redityo 9571@https://www.machform.com/forums/ If you're using advance code, you should add the java scipt code around line 2172. You can put exactly above this code : <pre><code>{$calendar_js}</code></pre> It's inside "display_integrated_form" function block. And to get the form id with advance embed code, you should use a SESSION variable. You can add like this in advance embed code : <pre><code><?php @session_start(); require("/domain/machform.php"); $mf_param['form_id'] = 1; $_SESSION['form_id'] = 1; $mf_param['base_path'] = 'http://domain.com/machform/'; display_machform($mf_param); ?></code></pre> then you can use the session like this <pre><code>if ($_SESSION['form_id'] == 5 && $element->id == 2) { $javascript_code = "onblur=\"showLocation(); return false;\""; }</code></pre> moonlightss on "Add custom javascript to form" https://www.machform.com/forums/topic/add-custom-javascript-to-form#post-9570 Wed, 26 May 2010 11:59:57 +0000 moonlightss 9570@https://www.machform.com/forums/ ok, all i need to know now is how to get my if statement to filter on form id. i can get element->id to work, but with advanced embed form code, form->id doesn't seem to work. can you tell me the variable that is used for form id on advanced embeded form? Thanks. moonlightss on "Add custom javascript to form" https://www.machform.com/forums/topic/add-custom-javascript-to-form#post-9567 Wed, 26 May 2010 04:08:13 +0000 moonlightss 9567@https://www.machform.com/forums/ OK. i seem to have everything working fine if i call the form via url. but if i embed the form with the advanced form code, my javascripts stop working. do i need to have the code somewhere else for advanced code placement? moonlightss on "Add custom javascript to form" https://www.machform.com/forums/topic/add-custom-javascript-to-form#post-9535 Sun, 23 May 2010 00:06:29 +0000 moonlightss 9535@https://www.machform.com/forums/ ok. another thing. everything seems to work fine calling the form from a url, but if i embed the form in my php template, it doesn't work. moonlightss on "Add custom javascript to form" https://www.machform.com/forums/topic/add-custom-javascript-to-form#post-9527 Sat, 22 May 2010 09:04:46 +0000 moonlightss 9527@https://www.machform.com/forums/ That worked. However, i'm getting an error. my code works and it does exactly what i want it to. here is the error i'm getting: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0) Timestamp: Sat, 22 May 2010 02:03:09 UTC Message: Object doesn't support this property or method Line: 1 Char: 1 Code: 0 URI: <a href="http://url/machform/js/view.js" rel="nofollow">http://url/machform/js/view.js</a> here is the javascript code i'm using: <script type="text/javascript"> var geocoder; var location2; var gDir; function initialize() { geocoder = new GClientGeocoder(); gDir = new GDirections(); GEvent.addListener(gDir, "load", function() { var drivingDistanceMiles = gDir.getDistance().meters / 1609.344; var drivingDistanceKilometers = gDir.getDistance().meters / 1000; document.form_1.element_6.value = drivingDistanceMiles.toFixed(1); }); } function showLocation() { geocoder.getLocations("3120 Alford Bend Rd, Gadsden, AL, 35903", function (response) { if (!response || response.Status.code != 200) { alert("Sorry, we were unable to geocode the first address"); } else { location1 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address}; geocoder.getLocations(document.form_1.element_3_1.value + ', ' + document.form_1.element_3_5.value, function (response) { if (!response || response.Status.code != 200) { alert("Sorry, we were unable to geocode the second address"); } else { location2 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address}; gDir.load('from: ' + location1.address + ' to: ' + location2.address); } }); } }); } </script> I also added an onload="initialize();" to the body tag. so far i haven't seen any functionality lost, but i'm sure something is missing. Thanks. moonlightss on "Add custom javascript to form" https://www.machform.com/forums/topic/add-custom-javascript-to-form#post-9521 Fri, 21 May 2010 23:01:14 +0000 moonlightss 9521@https://www.machform.com/forums/ I will give that a try. Thanks!! redityo on "Add custom javascript to form" https://www.machform.com/forums/topic/add-custom-javascript-to-form#post-9518 Fri, 21 May 2010 14:10:47 +0000 redityo 9518@https://www.machform.com/forums/ Basically you can put the java script in "view-functions.php" file around line 1839, put the script bellow this code : <pre><code>{$calendar_js}</code></pre> and for example you want to call the java script code on onblur event for text field with element id 2 on form 5. Then, go to 40 for this code : <pre><code>$element_markup = <<<EOT</code></pre> and add this code above that line <pre><code>if ($_GET['id'] == 5 && $element->id == 2) { $javascript_code = "onblur=\"showLocation(); return false;\""; }</code></pre> after that, go to line around line 46 for this code : <pre><code><input id="element_{$element->id}" name="element_{$element->id}" class="element text {$element->size}" type="text" value="{$element->default_value}" /></code></pre> change it to <pre><code><input id="element_{$element->id}" name="element_{$element->id}" class="element text {$element->size}" type="text" value="{$element->default_value}" {$javascript_code} /></code></pre> moonlightss on "Add custom javascript to form" https://www.machform.com/forums/topic/add-custom-javascript-to-form#post-9517 Fri, 21 May 2010 01:15:18 +0000 moonlightss 9517@https://www.machform.com/forums/ Here is kind of what i want to do: <input type="text" name="address1" value="Address 1" onblur="showLocation(); return false;"/> I would also like to have a hidden field that the mileage is written too. moonlightss on "Add custom javascript to form" https://www.machform.com/forums/topic/add-custom-javascript-to-form#post-9516 Fri, 21 May 2010 00:42:25 +0000 moonlightss 9516@https://www.machform.com/forums/ Can you give me some direction on where exactly to put the onblur code? Thanks. moonlightss on "Add custom javascript to form" https://www.machform.com/forums/topic/add-custom-javascript-to-form#post-9515 Thu, 20 May 2010 20:51:46 +0000 moonlightss 9515@https://www.machform.com/forums/ Yes, i would like to add an onblur to the zip code field to calculate the distance from my location to the address entered with a google API. i would also be interested in adding a button to calculate and display a price for based on some options that were selected on the form. redityo on "Add custom javascript to form" https://www.machform.com/forums/topic/add-custom-javascript-to-form#post-9514 Thu, 20 May 2010 20:03:44 +0000 redityo 9514@https://www.machform.com/forums/ You should edit "view-functions.php" file to add custom java script. May i know what java script code do you want to add ? moonlightss on "Add custom javascript to form" https://www.machform.com/forums/topic/add-custom-javascript-to-form#post-9513 Thu, 20 May 2010 08:42:49 +0000 moonlightss 9513@https://www.machform.com/forums/ I would like to add some custom javascript functions to a couple of the fields. How and where can i do this? Thanks