What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Embed a google chart within a form that reacts to entered field valuesAsked by htedeland on May 08, 2014 at 10:14 PM
Hi, I would like to embed a Google chart (pie chart) into my form which so far appears to work if I use the source code to embed my jotform within my own webpage's html (as opposed to using iframe method), and inserting the proper head/body html as outlined on the example code from the Google charts page: https://developers.google.com/chart/interactive/docs/gallery/piechart#3D
My question is: is it possible, using the method mentioned above, to pass along variables that are entered in the form into the Google chart? The numbers for the chart are grabbed from the part of the code that goes in the <head> section of the html and I'm not sure how to pass along jotform field value to there?
This is for a mortgage calculator I'm building in jotform and I'd like to show the calculated payment results broken down into a pie chart (principal & interest, taxes, insurance, etc each showing as a "slice" of the pie). Similar to the calculator available at Zillow http://www.zillow.com/mortgage-calculator/
Thank you for contacting us.
By the way, I just found out that you can create a mortgage calculator widget here http://www.zillow.com/webtools/widgets/MortgageCalculatorWidget.htm. You can use this and add it to your form.
Feel free to let us know if you need further assistance about this.
Thanks I am aware of the Zillow widget and that is actually what we use on our site currently, however we are wanting to create our own branded calculator as the Zillow one is designed to send the visitor to Zillow and away from our site, which is bad for lead gen. I like the idea of using jotform as the new form calculation widget makes it easy to program. Also none of the widgets allow proper calculation of mortgage insurance based on loan type (FHA, VA, conventional, USDA). With jotform I can build a "one-size-fits-all" mortgage calculator using conditions. Plus I can actually include a submit form to have user email the calculation to themselves which captures the email for us.
If you are trying to embed the chart onto the form itself then I am sorry to say that we are on a dead end here. JotForm fields cannot interact with external elements unless you modify the form's source code by yourself.
Again, sorry about that.