Code works on Weebly but not WIX - needs solution

Keith Locke

Answered on June 12, 2014 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="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" />

<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>
NeilVicente

Answered on June 12, 2014 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!