I have a site that includes a custom-built ROI calculator built on jQuery. Is is possible at all for that value (which isn't being stored anywhere) to be included in the gravity form below it?
http://dev.andrewnorcross.com/das/forms/calculate-the-impact/
Here is the actual calculator:
the javascript: http://pastie.org/1197896
the form: http://pastie.org/1197897
Yep. What you'll want to do is add another jQuery snippet that fires when the Gravity Form is submitted. This is not tested/working code, but it'll look something like this:
jQuery("#gform_6").submit(function(){
var roi_result = jQuery("#roi_result").text();
jQuery("#hidden_field_id").val(roi_result);
});You'll want to create a hidden field in the Gravity Form and then replace the id of the field where I've indicated in that jQuery bit. The concept here is that when the Gravity Form is submitted, the hidden field will be populated with whatever value is in the #roi_result span (which will contain their ROI if they've completed the calculator).
Hope that helps. :)
@David makes sense. Just one question: where does that extra bit of jQuery need to go? in the ROI calc or someplace separate?
I've added the hidden field (li#field_6_7) but am unsure of whether or not I need to add something into the settings of that field itself, or where the jQuery needs to fire.
Hi Norcross, This jquery would go inside your "jQuery(document.ready(function(){}" ideally in the js code you linked for ROI calculator; doesn't matter exactly where just inside it. Let me know how it goes.
@David hmm, no dice so far. Here's the updated calculator code: http://pastie.org/1199581
Do I need to enter anything into the hidden field in the back-end of the site?
After a second look, here is an even simpler solution. Remove the snippet I provided earlier and add this line:
$("#input_6_7").val("$" + total);
beneath this line:
$("#roi_result").append("$" + total);
Should look something like this: http://pastie.org/1199597