Code works on Weebly but not WIX - needs solution

  • Profile Image
    Keith Locke 
    Asked 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 noopener" 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 noopener" 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>

  • Profile Image
    NeilVicente
    Answered 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!