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.


  • Profile Image

    Code works on Weebly but not WIX - needs solution

    Asked by Keith Locke  on June 12, 2014 at 10:52 AM

    Hi,

    I have this code from you that works on Weebly but is not working on WIX.

    WEEBLY: (working)   http://www.givingclicks.org/rates.html

    WIX URL: (not working)  http://givingclicks.wix.com/givingclicks#!cost-calculator/c1pkx

    Really trying to get it to work on WIX but no luck.

    I am a designer that just got involved in plugging this existing code into the site.

    Is there an API that I need to install to make this code work?

    I know nothing of code - I just plug it in and play.

    Thank you SOOOOOOO much!

    Keith Locke

    417.861.2182

     CODE:

    <script src="//max.jotfor.ms/static/prototype.forms.js" type="text/javascript"></script>

    <script src="//max.jotfor.ms/static/jotform.forms.js?3.2.2168" type="text/javascript"></script>

    <script src="//max.jotfor.ms/js/vendor/math-processor.js?v=3.2.2168" type="text/javascript"></script>

    <script type="text/javascript">

       JotForm.setCalculations([{"decimalPlaces":"2","equation":"[(({16}*{29})*{34})+(({16}*{30})*{35})+(({16}*{31})*{36})+({16}*.0025)+30]","insertAsText":"","newCalculationType":"1","operands":"16,29,34,30,35,31,36","readOnly":"1","resultField":"4","showBeforeInput":"1","showEmptyDecimals":"1"},{"decimalPlaces":"0","equation":"[{16}*.17]","insertAsText":"","newCalculationType":"1","operands":"16","readOnly":"1","resultField":"14","showBeforeInput":"1","showEmptyDecimals":"1"},{"decimalPlaces":"0","equation":"[{16}*.0075]","insertAsText":"","newCalculationType":"1","operands":"16","readOnly":"1","resultField":"15","showBeforeInput":"1","showEmptyDecimals":"1"},{"decimalPlaces":"2","equation":"[(({16}*{29})*{34})+(({16}*{30})*{35})+(({16}*{31})*{36})+({16}*.01)+25]","insertAsText":"","newCalculationType":"1","operands":"16,29,34,30,35,31,36","readOnly":"1","resultField":"19","showBeforeInput":"1","showEmptyDecimals":"1"},{"decimalPlaces":"0","equation":"[{37}+{15}]","insertAsText":"","newCalculationType":"1","operands":"37,15","readOnly":"1","resultField":"22","showBeforeInput":"1","showEmptyDecimals":"1"},{"decimalPlaces":"0","equation":"[({22}+{14})*12]","insertAsText":"","newCalculationType":"1","operands":"22,14","readOnly":"1","resultField":"23","showBeforeInput":"1","showEmptyDecimals":"1"},{"decimalPlaces":"2","equation":"[.45]","insertAsText":"","newCalculationType":"1","operands":"","readOnly":"","resultField":"29","showBeforeInput":"","showEmptyDecimals":"1"},{"decimalPlaces":"2","equation":"[.45]","insertAsText":"","newCalculationType":"1","operands":"","readOnly":"","resultField":"30","showBeforeInput":"","showEmptyDecimals":"1"},{"decimalPlaces":"2","equation":"[.10]","insertAsText":"","newCalculationType":"1","operands":"","readOnly":"","resultField":"31","showBeforeInput":"","showEmptyDecimals":"1"},{"decimalPlaces":"3","equation":"[.005]","insertAsText":"","newCalculationType":"1","operands":"","readOnly":"1","resultField":"34","showBeforeInput":"","showEmptyDecimals":"1"},{"decimalPlaces":"3","equation":"[.0190]","insertAsText":"","newCalculationType":"1","operands":"","readOnly":"1","resultField":"35","showBeforeInput":"","showEmptyDecimals":"1"},{"decimalPlaces":"3","equation":"[.0275]","insertAsText":"","newCalculationType":"1","operands":"","readOnly":"1","resultField":"36","showBeforeInput":"","showEmptyDecimals":"1"},{"decimalPlaces":"2","equation":"[({4}+{19}+{20})/3*.6]","insertAsText":"","newCalculationType":"1","operands":"4,19,20","readOnly":"1","resultField":"38","showBeforeInput":"1","showEmptyDecimals":"1"},{"decimalPlaces":"0","equation":"[{16}*.03]","insertAsText":"","newCalculationType":"1","operands":"16","readOnly":"1","resultField":"37","showBeforeInput":"1","showEmptyDecimals":"1"}]);</script>

    <script type="text/javascript">

       JotForm.init(function(){

          JotForm.description('input_15', 'This is the amount you are expected to receive from the Charitable Rewards Program.');

       });

    </script>

    <link target="_blank" href="http://max.jotfor.ms/static/formCss.css?3.2.2168" rel="nofollow" rel="nofollow" rel="stylesheet" type="text/css" />

    <link type="text/css" media="print" rel="stylesheet" target="_blank" href="http://max.jotfor.ms/css/printForm.css?3.2.2168" rel="nofollow" rel="nofollow" />

    <style type="text/css">

        .form-label{

            width:240px !important;

        }

        .form-label-left{

            width:240px !important;

        }

        .form-line{

            padding-top:12px;

            padding-bottom:12px;

        }

        .form-label-right{

            width:240px !important;

        }

        .form-all{

            width:700px;

            background:#FFFFFF;

            color:#555555 !important;

            font-family:'Helvetica';

            font-size:16px;

        }

        .form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{

            color:#555555;

        }

     

    </style>

     

    <form class="jotform-form" action="http://submit.jotform.me/submit/40772516437457/" method="post" name="form_40772516437457" id="40772516437457" accept-charset="utf-8">

      <input type="hidden" name="formID" value="40772516437457" />

      <div class="form-all">

        <ul class="form-section">

          <li class="form-line" id="id_16">

            <label class="form-label-left" id="label_16" for="input_16"> Select Monthly Offerings here </label>

            <div id="cid_16" class="form-input">

              <span class="form-sub-label-container">

                <select class="form-dropdown" style="width:150px" id="input_16" name="q16_selectMonthly">

                  <option value="">  </option>

                  <option value="2,500"> 2,500 </option>

                  <option value="5,000"> 5,000 </option>

                  <option value="10,000"> 10,000 </option>

                  <option value="15,000"> 15,000 </option>

                  <option value="20,000"> 20,000 </option>

                  <option value="25,000"> 25,000 </option>

                  <option value="50,000"> 50,000 </option>

                  <option value="75,000"> 75,000 </option>

                  <option value="100,000"> 100,000 </option>

                </select>

                <label class="form-sub-label" for="input_16"> Select an amount from the drop down box. </label>

              </span>

            </div>

          </li>

          <li class="form-line" id="id_40">

            <div id="cid_40" class="form-input-wide">

              <div id="text_40" class="form-html">

                <p><span style="font-size:medium;"><strong>Monthly estimated fees</strong>...</span></p>

              </div>

            </div>

          </li>

          <li class="form-line" id="id_4">

            <label class="form-label-left" id="label_4" for="input_4"> Channels maintained by You </label>

            <div id="cid_4" class="form-input">

              <span class="form-sub-label-container">

                <input type="text" class="form-textbox" data-type="input-textbox" id="input_4" name="q4_channelsMaintained" value="0" size="10" />

                <label class="form-sub-label" for="input_4"> Your Giving channels designed and maintained by Your Personnel </label>

              </span>

            </div>

          </li>

          <li class="form-line" id="id_19">

            <label class="form-label-left" id="label_19" for="input_19"> Channels Maintained For You </label>

            <div id="cid_19" class="form-input">

              <span class="form-sub-label-container">

                <input type="text" class="form-textbox" data-type="input-textbox" id="input_19" name="q19_channelsMaintained19" value="0" size="10" />

                <label class="form-sub-label" for="input_19"> Your Giving channels designed and maintained For You </label>

              </span>

            </div>

          </li>

          <li class="form-line" id="id_39">

            <div id="cid_39" class="form-input-wide">

              <div id="text_39" class="form-html">

              </div>

            </div>

          </li>

          <li class="form-line" id="id_21">

            <div id="cid_21" class="form-input-wide">

              <div id="text_21" class="form-html">

                <p><strong><span style="font-size:medium;">See the </span><strong style="font-size:medium;">increase in offerings</strong><span style="font-size:medium;">...</span></strong></p>

              </div>

            </div>

          </li>

          <li class="form-line" id="id_37">

            <label class="form-label-left" id="label_37" for="input_37"> Donations for Fees </label>

            <div id="cid_37" class="form-input">

              <span class="form-sub-label-container">

                <input type="text" class="form-textbox" data-type="input-textbox" id="input_37" name="q37_donationsFor" value="0" size="10" />

                <label class="form-sub-label" for="input_37"> We'll show you how to receive donations for the fees. </label>

              </span>

            </div>

          </li>

          <li class="form-line" id="id_15">

            <label class="form-label-left" id="label_15" for="input_15"> Charitable Rewards </label>

            <div id="cid_15" class="form-input">

              <span class="form-sub-label-container">

                <input type="text" class="form-textbox" data-type="input-textbox" id="input_15" name="q15_charitableRewards" value="0" size="10" />

                <label class="form-sub-label" for="input_15"> This is the amount you are expected to receive from the Charitable Rewards Program. </label>

              </span>

            </div>

          </li>

          <li class="form-line" id="id_22">

            <label class="form-label-left" id="label_22" for="input_22"> Total Towards Fees </label>

            <div id="cid_22" class="form-input">

              <span class="form-sub-label-container">

                <input type="text" class="form-textbox" data-type="input-textbox" id="input_22" name="q22_totalTowards" value="0" size="10" />

                <label class="form-sub-label" for="input_22"> The total towards the fees. </label>

              </span>

            </div>

          </li>

          <li class="form-line" id="id_14">

            <label class="form-label-left" id="label_14" for="input_14"> Recurring Giving Increase </label>

            <div id="cid_14" class="form-input">

              <span class="form-sub-label-container">

                <input type="text" class="form-textbox" data-type="input-textbox" id="input_14" name="q14_recurringGiving" value="0" size="10" />

                <label class="form-sub-label" for="input_14"> This is the amount other ministries have gained on average. </label>

              </span>

            </div>

          </li>

          <li class="form-line" id="id_23">

            <label class="form-label-left" id="label_23" for="input_23"> Increase Offerings 1st Year </label>

            <div id="cid_23" class="form-input">

              <span class="form-sub-label-container">

                <input type="text" class="form-textbox" data-type="input-textbox" id="input_23" name="q23_increaseOfferings" value="0" size="10" />

                <label class="form-sub-label" for="input_23"> Total expected increase in offerings the first year. </label>

              </span>

            </div>

          </li>

          <li class="form-line" id="id_33">

            <div id="cid_33" class="form-input-wide">

              <div id="text_33" class="form-html">

              </div>

            </div>

          </li>

          <li class="form-line" id="id_32">

            <div id="cid_32" class="form-input-wide">

              <div id="text_32" class="form-html">

                <p><span style="font-size:medium;">Adjust the ratios below if you wish...they must add up to 1.</span></p>

              </div>

            </div>

          </li>

          <li class="form-line" id="id_29">

            <label class="form-label-left" id="label_29" for="input_29"> Debit Cards % </label>

            <div id="cid_29" class="form-input">

              <input type="text" class="form-textbox" data-type="input-textbox" id="input_29" name="q29_debitCards29" value="0" size="10" />

            </div>

          </li>

          <li class="form-line" id="id_30">

            <label class="form-label-left" id="label_30" for="input_30"> Credit Cards % </label>

            <div id="cid_30" class="form-input">

              <input type="text" class="form-textbox" data-type="input-textbox" id="input_30" name="q30_creditCards30" value="0" size="10" />

            </div>

          </li>

          <li class="form-line" id="id_31">

            <label class="form-label-left" id="label_31" for="input_31"> Rewards Cards % </label>

            <div id="cid_31" class="form-input">

              <input type="text" class="form-textbox" data-type="input-textbox" id="input_31" name="q31_rewardsCards31" value="0" size="10" />

            </div>

          </li>

          <li class="form-line always-hidden" id="id_34">

            <label class="form-label-left" id="label_34" for="input_34"> Debit rate </label>

            <div id="cid_34" class="form-input always-hidden">

              <input type="text" class="form-textbox" data-type="input-textbox" id="input_34" name="q34_debitRate" value="0" size="20" />

            </div>

          </li>

          <li class="form-line always-hidden" id="id_35">

            <label class="form-label-left" id="label_35" for="input_35"> Credit rate </label>

            <div id="cid_35" class="form-input always-hidden">

              <input type="text" class="form-textbox" data-type="input-textbox" id="input_35" name="q35_creditRate" value="0" size="20" />

            </div>

          </li>

          <li class="form-line always-hidden" id="id_36">

            <label class="form-label-left" id="label_36" for="input_36"> Reward rate </label>

            <div id="cid_36" class="form-input always-hidden">

              <input type="text" class="form-textbox" data-type="input-textbox" id="input_36" name="q36_rewardRate" value="0" size="20" />

            </div>

          </li>

          <li class="form-line always-hidden" id="id_38">

            <label class="form-label-left" id="label_38" for="input_38"> for fees </label>

            <div id="cid_38" class="form-input always-hidden">

              <input type="text" class="form-textbox" data-type="input-textbox" id="input_38" name="q38_forFees" value="0" size="20" />

            </div>

          </li>

          <li class="form-line" id="id_28">

            <div id="cid_28" class="form-input-wide">

              <div id="text_28" class="form-html">

              </div>

            </div>

          </li>

          <li style="display:none">

            Should be Empty:

            <input type="text" name="website" value="" />

          </li>

        </ul>

      </div>

      <input type="hidden" id="simple_spc" name="simple_spc" value="40772516437457" />

      <script type="text/javascript">

      document.getElementById("si" + "mple" + "_spc").value = "40772516437457-40772516437457";

      </script>

    </form>

    Page URL:
    http://givingclicks.wix.com/givingclicks#!cost-calculator/c1pkx

    solution form class JotForm checkbox style size
  • Profile Image
    JotForm Support

    Answered by NeilVicente on June 12, 2014 at 12:42 PM

    I have replied to your query in the other duplicate thread you have opened:

    http://www.jotform.com/answers/390824-Embedded-form-not-working-on-Wix-page

    In the future, we request you to refrain from creating multiple support threads for the same issue.

    Thank you very much!