Customizing a donation page with summed totals

Posted by Jason Z.  

12:42 PM Mar 13, 2009

This is a question we get a lot:  how can I customize a donation page to behave in a storefront-like fashion -- choosing multiple gift types that result in a single automatically calculated sum?

Mike Heavers of Maverick Digital came up with a nifty solution you can see in action on this donation page.

It's just a bit of script in the page's Custom Donation HTML field, and can easily be tweaked for your own page.

<script language="JavaScript"><!--
function getTotal() {
      document.donation_data.amount.value = parseInt(document.donation_data.memberdues.value) + parseInt(document.donation_data.regamount.value);

    document.donation_data.VARCHAR0.value = document.donation_data.RADIO0.value;
    document.donation_data.VARCHAR1.value = document.donation_data.memberdues.value;
    document.donation_data.VARCHAR2.value = document.donation_data.regamount.value;

}



//--></script>

<br/>

<div class="formRow">

<label for="fc4">Join or renew your membership here: </label>

<select id="fc4" class="blockInput" name="memberdues" onchange="getTotal()">
<option value="0">I do not need to renew my membership</option>
<option value="50">Voting & Assoc Members- Budget under $1m: $50 dues</option>
<option value="100">Voting & Assoc Members- Budget over $1m: $100 dues</option>
<option value="20">Individuals: $20 dues</option>
<option value="10">Students & Seniors: $10 dues</option>
</select>

</div>



<div class="formRow">
<label for="fc34">Registration Fee <span class="required">*</span>: </label>


<select id="fc34" class="blockInput" name="regamount" onchange="getTotal()">
<option selected="">SELECT ONE:</option>
<option value="150">MEMBER-Early Bird Registration Package Only (before 4/17): $150</option>
<option value="225">MEMBER-Early Bird Registration Package w / Gala Ticket (before 4/17): $225</option>
<option value="250">MEMBER-Regular Convention Registration Package Only: $250</option>
<option value="325">MEMBER-Regular Convention Registration Package w/Gala Ticket: $325</option>
<option value="250">NONMEMBER – Early Bird Registration Package ONLY (before 4/17): $250</option>
<option value="450">NONMEMBER – Early Bird Registration Package w/Gala Ticket (before 4/17): $450</option>
<option value="350">NONMEMBER – Regular Convention Registration Package ONLY: $350</option>
<option value="550">NONMEMBER – Regular Convention Registration Package w/Gala Ticket: $550</option>
<option value="200">Gala Only Ticket - $200</option>
</select>
</div>
<br/>

<div class="formRow">
<label for="amount">Total Amount: </label>
<input type="text" name="amount" readonly="readonly">
</div>



<input type="hidden" name="VARCHAR0" >
<input type="hidden" name="VARCHAR1" >
<input type="hidden" name="VARCHAR2" >

<input type="hidden" value="Email,RADIO0,First_Name,Last_Name,Street,City,State,Zip,regamount,amount" name="required"/>

Add a comment

TIGER

Adam — 05:02 AM Feb 19, 2024

This is a great post. Really happy to read this. <a href="https://tigerexchange247.com.in/">tigerexch vip</a>

Tiger Exchange 247

Adam — 05:00 AM Feb 19, 2024

<a href="https://tigerexchange247.com.in/">tigerexch vip</a> doesn't stop at sports

god

— 05:15 AM Nov 17, 2023

I haven’t any word to appreciate this post.....Really i am impressed from this post.. <a href="https://cricketbuzz.com.in/login/">cricketbuzz login</a><br />

— 06:14 AM Aug 03, 2021

Have you ever wonder about any <a href="https://www.celebheightwiki.com/" title="celebrity heights">celebrity heights</a> in real life? You can find all the information you need on this website.<br />

Digital Ali

Digital — 03:42 AM Dec 28, 2020

You’ve got some interesting points in this article. I would have never considered any of these if I didn’t come across this. Thanks!. <a href="https://bit.ly/3aDXP1d">how to start a woodworking business</a><br />

Digital Ali

Digital — 05:58 AM Dec 27, 2020

When you use a genuine service, you will be able to provide instructions, share materials and choose the formatting style. <a href="https://betgun.pl/totolotek-pigulka-wiedzy-o-tym-bukmacherze/">kasyno bez depozytu</a><br />

Digital Ali

Digital — 08:11 AM Dec 26, 2020

Thanks for this great post, i find it very interesting and very well thought out and put together. I look forward to reading your work in the future. <a href="https://madameedith.com/podroze/nasze-podroze-w-czasach-pandemii/">kasyna online</a><br />

Digital Ali

Digital — 05:57 AM Dec 23, 2020

Nice to be visiting your blog once more, it has been months for me. Well this article that ive been waited for therefore long. i want this article to finish my assignment within the faculty, and it has same topic together with your article. Thanks, nice share. <a href="https://www.obscuresound.com/2020/06/why-is-music-so-important-for-your-motivation/">casino online canada</a><br />

Digital Ali

Digital — 06:04 AM Dec 10, 2020

Keep up the good work , I read few posts on this web site and I conceive that your blog is very interesting and has sets of fantastic information. <a href="https://ip-192-168-0-1.com/192-168-1-1-belkin-router-admin-login-password-change/">Belkin router admin login</a><br />

Digital Ali

Digital — 05:43 AM Dec 06, 2020

Merely a smiling visitant here to share the love (:, btw outstanding style. <a href="https://www.soap2day.name/">click here</a><br />