API tools faq
paste
Advertisement
Guest User

Main Page

a guest
Jan 9th, 2013
199
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 56.11 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. //Start the session
  3. if(session_status() != PHP_SESSION_ACTIVE) {
  4.    session_start();
  5. }
  6. require("functions.php");
  7. //Start the form key class
  8. $formKey = new formKey();
  9.  
  10. ?>
  11. <!DOCTYPE html>
  12. <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  13. <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  14. <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
  15. <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  16.     <head>
  17.         <meta charset="utf-8" />
  18.         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  19.         <title>Hampden-Sydney College | Online Donation Form</title>
  20.         <meta name="description" content="Hampden-Sydney College's Online Donation Form" />
  21.         <meta name="viewport" content="width=device-width" />
  22.  
  23.         <link rel="icon" type="image/ico" href="favicon.ico" />
  24.         <link rel="apple-touch-icon" href="apple-touch-icon.png" />
  25.         <link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png" /><!--iPad-->
  26.         <link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png" /> <!--iPhone Retina Display-->
  27.         <link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png" />
  28.         <link rel="apple-touch-startup-image" href="img/startup.png" />
  29.         <link rel="apple-touch-startup-image" sizes="640x920" href="img/startup-640x920.png" />
  30.         <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
  31.         <link rel="stylesheet" href="css/master.css">
  32.        
  33.  
  34.         <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
  35.         <noscript>
  36.             <style>
  37.                 .jsEnabled {
  38.                     display: none;
  39.                 }
  40.                 .hiddenByDefault {
  41.                     display: inherit;
  42.                 }
  43.             </style>
  44.         </noscript>
  45.     </head>
  46.     <body>
  47.         <!--[if lt IE 7]>
  48.            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
  49.        <![endif]-->
  50.  
  51.         <div class="header-container">
  52.             <header class="wrapper clearfix">
  53.                 <h1 class="title">
  54.                     <a href="http://www.hsc.edu">
  55.                         <img src="img/header.jpg" height="105" width="500" alt="Hampden-Sydney College" id="headerImage">
  56.                     </a>
  57.                 </h1>
  58.             </header>
  59.         </div>
  60.  
  61.         <!--Begin the Main Content-->
  62.         <div class="main-container">
  63.             <div class="main wrapper clearfix">
  64.                 <article>
  65.                     <!--Inform the user that the form IS secure!-->
  66.                     <p>Credit card information is handled using a secure web server and all information is encrypted before submission to the Office of Institutional Advancement. <a href="http://www.hsc.edu/Making-A-Gift/How-to-Give.html" target="_blank"><i class="icon-info-sign" id="moreInfo"></i></a></p>
  67.                 </article>
  68.  
  69.                 <!--One Time or Recurring Step-->
  70.                 <div class="formStep">
  71.                     <form id="DonationForm" action="processForm.php" method="post">
  72.                         <div id="step1">
  73.                         <?php $formKey->outputKey(); ?>
  74.                         <!--Ask whether it's a one-time gift or a recurring gift-->
  75.                         <div class="centerButtons">
  76.                             <a href="#" class="nextStep" id="oneTimeGift"><img src="img/One-TimeGift.png" width="250" height="250" onMouseOver="this.src='img/One-TimeGift_hover.png';" onmouseout="this.src='img/One-TimeGift.png';"  class="OTG" alt="I would like to make a one-time gift" /></a>
  77.                             <a href="#" class="nextStep" id="recurringGift"><img src="img/RecurringGift.png" width="250" height="250" onMouseOver="this.src='img/RecurringGift_hover.png';" onmouseout="this.src='img/RecurringGift.png';" alt="I would like to make a recurring gift" /></a>
  78.                         </div>
  79.                         <div class="jsDisabled">
  80.                             <select name="donationType">
  81.                                 <option value="oneTimeGift">One-Time Gift</option>
  82.                                 <option value="recurringDonation">Recurring Donation</option>
  83.                             </select>
  84.                         </div>
  85.  
  86.                         <div class="progress">
  87.                             <div class="bar bar-success" style="width: 1%;"></div>
  88.                         </div>
  89.                         <p class="centerText">Step 1/6</p>
  90.                     </div><!--end step 1-->
  91.  
  92.                
  93.                    
  94.                     <!--Step 2-->
  95.                     <div id="step2">
  96.                         <!--One Time Gift-->
  97.                         <div id="makingAOneTimeGift" class="centerText control-group">
  98.                             <label class="control-label">Enter Donation Amount Here:<sup class="requiredValue">*</sup></label>
  99.                             <div class="controls">
  100.                                 <div class="input-prepend input-append">
  101.                                     <span class="add-on">$</span>
  102.                                     <input type="number" min="0" name="oneTimeDonationValue" id="oneTimeDonationValue" value="0" />
  103.                                     <span class="add-on">.00</span>
  104.                                 </div>
  105.                                 <span id="oneTimeDonationValidateError" class="help-inline"></span>
  106.                             </div>
  107.                         </div>
  108.  
  109.                         <!--Recurring Gift-->
  110.                         <div id="makingARecurringGift" class="control-group">
  111.                             <label class="control-label">Enter Recurring Gift Amount<sup class="requiredValue">*</sup>:</label>
  112.                                 <div class="controls">
  113.                                     <div class="input-prepend input-append">
  114.                                         <span class="add-on">$</span>
  115.                                         <input type="number" min="0" name="recurringDonationValue" id="recurringDonationValue" class="watchForChange" value="0" />
  116.                                         <span class="add-on">.00</span>
  117.                                     </div>
  118.                                    
  119.                                     I would like to make this gift
  120.                                         <select name="numberOfPayments" id="numberOfPayments">
  121.                                             <option value="0">X</option>
  122.                                             <option value="1">1</option>
  123.                                             <option value="2">2</option>
  124.                                             <option value="3">3</option>
  125.                                             <option value="4">4</option>
  126.                                             <option value="5">5</option>
  127.                                             <option value="6">6</option>
  128.                                             <option value="7">7</option>
  129.                                             <option value="8">8</option>
  130.                                             <option value="9">9</option>
  131.                                             <option value="10">10</option>
  132.                                             <option value="11">11</option>
  133.                                             <option value="12">12</option>
  134.                                             <option value="13">13</option>
  135.                                             <option value="14">14</option>
  136.                                             <option value="15">15</option>
  137.                                             <option value="16">16</option>
  138.                                             <option value="17">17</option>
  139.                                             <option value="18">18</option>
  140.                                             <option value="19">19</option>
  141.                                             <option value="20">20</option>
  142.                                             <option value="21">21</option>
  143.                                             <option value="22">22</option>
  144.                                             <option value="23">23</option>
  145.                                             <option value="24">24</option>
  146.                                             <option value="25">25</option>
  147.                                             <option value="26">26</option>
  148.                                             <option value="27">27</option>
  149.                                             <option value="28">28</option>
  150.                                             <option value="29">29</option>
  151.                                             <option value="30">30</option>
  152.                                             <option value="31">31</option>
  153.                                             <option value="32">32</option>
  154.                                             <option value="33">33</option>
  155.                                             <option value="34">34</option>
  156.                                             <option value="35">35</option>
  157.                                             <option value="36">36</option>
  158.                                             <option value="37">37</option>
  159.                                             <option value="38">38</option>
  160.                                             <option value="39">39</option>
  161.                                             <option value="40">40</option>
  162.                                             <option value="41">41</option>
  163.                                             <option value="42">42</option>
  164.                                             <option value="43">43</option>
  165.                                             <option value="44">44</option>
  166.                                             <option value="45">45</option>
  167.                                             <option value="46">46</option>
  168.                                             <option value="47">47</option>
  169.                                             <option value="48">48</option>
  170.                                             <option value="49">49</option>
  171.                                             <option value="50">50</option>
  172.                                             <option value="51">51</option>
  173.                                             <option value="52">52</option>
  174.                                             <option value="53">53</option>
  175.                                             <option value="54">54</option>
  176.                                             <option value="55">55</option>
  177.                                             <option value="56">56</option>
  178.                                             <option value="57">57</option>
  179.                                             <option value="58">58</option>
  180.                                             <option value="59">59</option>
  181.                                             <option value="60">60</option>
  182.                                         </select> times.<sup class="requiredValue">*</sup><br />
  183.  
  184.                                     I would like to make my gift<sup class="requiredValue">*</sup>:
  185.                                     <select name="paymentFrequency" id="paymentFrequency">
  186.                                         <option value="Monthly">Monthly</option>
  187.                                         <option value="Quarterly">Quarterly</option>
  188.                                         <option value="Annually">Annually.</option>
  189.                                     </select>
  190.                             <br />
  191.                             <div class="centerText">
  192.                                 Total Gift Amount of
  193.                                 <div class="input-prepend input-append">
  194.                                     <span class="add-on">$</span>
  195.                                     <input type="number" placeholder="0" min="0" id="totalRecurringDonationValue" disabled="disabled"/>
  196.                                     <span class="add-on">.00</span>
  197.                                 </div>
  198.                                 <span id="lengthOfTime"></span>
  199.  
  200.                                 <span id="recurringDonationAmountValidateError" class="help-inline"></span>
  201.                             </div>
  202.                         </div><!--end Controls-->
  203.                         </div><!--end Recurring Gift-->
  204.                    
  205.                         <button type="button" id="replaceDonationAmountNow" class="paginationBTN floatRight nextStep">Next &rarr;</button>
  206.                         <button type="button" class="paginationBTN floatLeft previousStep clearfix">&larr; Previous</button>
  207.  
  208.                         <div class="progress">
  209.                             <div class="bar bar-success" style="width: 16.6%;"></div>
  210.                         </div>
  211.                         <p class="centerText">Step 2/6</p>
  212.                     </div><!--End Step 2-->
  213.  
  214.  
  215.                     <!--Step 3-->
  216.                     <div id="step3" class="control-group">
  217.                         <p><strong>Thank you for your one time gift of <span class="jsEnabled">$<span id="showTotalDonationAmount">DONATION_AMOUNT</span>. If this amount is incorrect, please press the previous button.</strong>
  218.                         </p>
  219.                             <label class="centerText control-label">I would like to allocate my gift<sup class="requiredValue">*</sup>:</label>
  220.                             <div class="controls">
  221.                                 <fieldset>
  222.                                 <label class="checkbox">
  223.                                     <input type="checkbox" id="unrestrictedFund" name="list-items[]" value="unrestricted" />
  224.                                     <strong>to the Unrestricted Fund</strong> &mdash; Funds the annual need of &ldquo;Forming good men and good citizens.&rdquo;.
  225.                                 </label>
  226.  
  227.                                 <label class="checkbox">
  228.                                     <input type="checkbox" name="ScholashipSelection" value="to_Scholarships" class="ScholashipSelection" />
  229.                                     <strong>to a Specific Scholarship</strong>
  230.                                 </label>
  231.                                     <!--Dropdown if selected-->
  232.                                     <div class="ifScholarshipsSelected indented">
  233.                                         <em>Please select the Scholarship(s) below</em>
  234.                                         <!--ADD ARARY FOR EACH SECTION HERE-->
  235.                                             <label class="checkbox">
  236.                                                 <input type="checkbox" id="showGoodMenGoodCitizensAllocation" name="list-items[]" value="Good_Men_Good_Citizens" />
  237.                                                 Good Men, Good Citizens Scholarship
  238.                                             </label>
  239.                                             <label class="checkbox">
  240.                                                 <input type="checkbox" id="showClassof2012Allocation" name="list-items[]" value="Class_Of_2012" />
  241.                                                 Class of 2012 Scholarship <abbr title="In Honor Of">IHO</abbr> Mr. Jason M. Ferguson &rsquo;96
  242.                                             </label>
  243.                                             <label class="checkbox">
  244.                                                 <input type="checkbox" id="showClassof2011Allocation" name="list-items[]" value="Class_Of_2011" />
  245.                                                 Class of 2011 Scholarship <abbr title="In Honor Of">IHO</abbr> Ms. Anita Garland
  246.                                             </label>
  247.                                             <label class="checkbox">
  248.                                                 <input type="checkbox" id="showClassof2010Allocation" name="list-items[]" value="Class_Of_2010" />
  249.                                                 Class of 2010 Scholarship <abbr title="In Honor Of">IHO</abbr> Mrs. Dottie Fahrner
  250.                                             </label>
  251.                                             <label class="checkbox">
  252.                                                 <input type="checkbox" id="showClassof2009Allocation" name="list-items[]" value="Class_Of_2009" />
  253.                                                 Class of 2009 Scholarship
  254.                                             </label>
  255.                                             <label class="checkbox">
  256.                                                 <input type="checkbox" id="showClassof2008Allocation" name="list-items[]" value="Class_Of_2008" />
  257.                                                 Class of 2008 Scholarship <abbr title="In Honor Of">IHO</abbr> Ms. Gerry Pettus
  258.                                             </label>
  259.                                             <label class="checkbox">
  260.                                                 <input type="checkbox" id="showClassof2007Allocation" name="list-items[]" value="Class_Of_2007" />
  261.                                                 Class of 2007 Scholarship <abbr title="In Honor Of">IHO</abbr> Lt. Gen. Sam Wilson
  262.                                             </label>
  263.                                             <label class="checkbox">
  264.                                                 <input type="checkbox" id="showClassof2006Allocation" name="list-items[]" value="Class_Of_2006" />
  265.                                                 Class of 2006 Scholarship <abbr title="In Memory Of">IMO</abbr> Peter C. Bance Jr.
  266.                                             </label>
  267.                                             <label class="checkbox">
  268.                                                 <input type="checkbox" id="showClassof2005Allocation" name="list-items[]" value="Class_Of_2005" />
  269.                                                 Class of 2005 Scholarship <abbr title="In Memory Of">IMO</abbr> Prof. Lee Cohen
  270.                                             </label>
  271.                                             <label class="checkbox">
  272.                                                 <input type="checkbox" id="showClassof2004Allocation" name="list-items[]" value="Class_Of_2004" />
  273.                                                 Class of 2004 Scholarship <abbr title="In Memory Of">IMO</abbr> C. Frazier &rsquo;04 &amp; <abbr title="In Honor Of">IHO</abbr> W. Simms
  274.                                             </label>
  275.                                             <label class="checkbox">
  276.                                                 <input type="checkbox" id="showClassof2003Allocation" name="list-items[]" value="Class_Of_2003" />
  277.                                                 Class of 2003 Scholarship <abbr title="In Honor Of">IHO</abbr> Ralph A. Crawley
  278.                                             </label>
  279.                                             <label class="checkbox">
  280.                                                 <input type="checkbox" id="showClassof1980Allocation" name="list-items[]" value="Class_Of_1980" />
  281.                                                 Class of 1980 Endowed Scholarship
  282.                                             </label>
  283.                                             <label class="checkbox">
  284.                                                 <input type="checkbox" id="showClassof1961Allocation" name="list-items[]" value="Class_Of_1961" />
  285.                                                 Class of 1961 Good Men Good Citizens Scholarship
  286.                                             </label>
  287.                                             <label class="checkbox">
  288.                                                 <input type="checkbox" id="showClassof1960Allocation" name="list-items[]" value="Class_Of_1960" />
  289.                                                 Class of 1960 Good Men Good Citizens Scholarship
  290.                                             </label>
  291.                                             <label class="checkbox">
  292.                                                 <input type="checkbox" id="showClassof1958Allocation" name="list-items[]" value="Class_Of_1958" />
  293.                                                 Class of 1958 Summer College Endowment Fund
  294.                                             </label>
  295.                                             <label class="checkbox">
  296.                                                 <input type="checkbox" id="showClassof1954Allocation" name="list-items[]" value="Class_Of_1954" />
  297.                                                 Class of 1954 Wilson Center Lecture Series
  298.                                             </label>
  299.                                             <label class="checkbox">
  300.                                                 <input type="checkbox" id="showClassof1953Allocation" name="list-items[]" value="Class_Of_1953" />
  301.                                                 Class of 1953 Scholarship Endowment
  302.                                             </label>
  303.                                             <label class="checkbox">
  304.                                                 <input type="checkbox" id="showClassof1951Allocation" name="list-items[]" value="Class_Of_1951" />
  305.                                                 Class of 1951 Memorial Scholarship
  306.                                             </label>
  307.                                             <label class="checkbox">
  308.                                                 <input type="checkbox" id="showOtherScholarshipAllocation" name="list-items[]" value="OtherScholarship" />
  309.                                                 Other <em>(please specify in special instructions)</em>
  310.                                             </label>
  311.                                     </div>
  312.                                     <!--End Dropdown-->
  313.      
  314.                                     <label class="checkbox">
  315.                                         <input type="checkbox" name="toAcademics" value="to_Academics" class="AcademicSelection" />
  316.                                         <strong>to College Programs</strong>
  317.                                     </label>
  318.                                     <!--Dropdown if selected-->
  319.                                         <div class="ifAcademicsSelected indented">
  320.                                             <em>Please select the department(s) below</em>
  321.                                                 <label class="checkbox">
  322.                                                     <input type="checkbox" id="showAtkinsonMuseumAllocation" name="list-items[]" value="Atkinson_Museum" />
  323.                                                     Atkinson Museum
  324.                                                 </label>
  325.                                                 <label class="checkbox">
  326.                                                     <input type="checkbox" id="showBortzLibraryAllocation" name="list-items[]" value="Bortz_Library" />
  327.                                                     Bortz Library
  328.                                                 </label>
  329.                                                 <label class="checkbox">
  330.                                                     <input type="checkbox" id="showCultureAndCommunityAllocation" name="list-items[]" value="Culture_and_Community" />
  331.                                                     Culture and Community
  332.                                                 </label>
  333.                                                 <label class="checkbox">
  334.                                                     <input type="checkbox" id="showTheWilsonCenterAllocation" name="list-items[]" value="Wilson_Center" />
  335.                                                     the Wilson Center
  336.                                                 </label>
  337.                                                 <label class="checkbox">
  338.                                                     <input type="checkbox" id="showOtherAcademicAllocation" name="list-items[]" value="Other_Academic_Area" />
  339.                                                     Other <em>(please specify in special instructions)</em>
  340.                                                 </label>
  341.                                         </div>
  342.                                         <!--End Dropdown-->
  343.  
  344.                                     <label class="checkbox">
  345.                                         <input type="checkbox" name="toAthletics" value="to_athletics" class="enableAthletics" />
  346.                                         <strong>to Athletics</strong>
  347.                                     </label>
  348.                                     <!--Dropdown if selected-->
  349.                                         <div class="ifAthleticsAreSelected indented">
  350.                                            <em>Please select which athletic area(s) below</em>
  351.                                                 <label class="checkbox">
  352.                                                     <input type="checkbox" id="showBaseballBigHittersClubAllocation" name="list-items[]" value="Baseball_Big_Hitters_Club"  />
  353.                                                     Baseball Big Hitters Club
  354.                                                 </label>
  355.                                                 <label class="checkbox">
  356.                                                     <input type="checkbox" id="showBasketballRoundballClubAllocation" name="list-items[]" value="Basketball_Roundball_Club" />
  357.                                                     Basketball Roundball Club
  358.                                                 </label>
  359.                                                 <label class="checkbox">
  360.                                                     <input type="checkbox" id="showCrossCountryHarriersAllocation" name="list-items[]" value="Cross_Country_Harriers" />
  361.                                                     Cross Country Harriers
  362.                                                 </label>
  363.                                                 <label class="checkbox">
  364.                                                     <input type="checkbox" id="showEverettStadiumAllocation" name="list-items[]" value="Everett_Stadium" />
  365.                                                     Everett Stadium
  366.                                                 </label>
  367.                                                 <label class="checkbox">
  368.                                                     <input type="checkbox" id="showFootballGridironClubAllocation" name="list-items[]" value="Football_Gridiron_Club" />
  369.                                                     Football Gridiron Club
  370.                                                 </label>
  371.                                                 <label class="checkbox">
  372.                                                     <input type="checkbox" id="showGolfHoleInOneClubAllocation" name="list-items[]" value="Golf_Hole_In_One_Club" />
  373.                                                     Golf Hole In One Club
  374.                                                 </label>
  375.                                                 <label class="checkbox">
  376.                                                     <input type="checkbox" id="showKirkAthleticCenterAllocation" name="list-items[]" value="Kirk_Athletic_Center" />
  377.                                                     Kirk Athletic Center
  378.                                                 </label>
  379.                                                 <label class="checkbox">
  380.                                                     <input type="checkbox" id="showLacrosseFaceOffClubAllocation" name="list-items[]" value="Lacrosse_Face_Off_Club" />
  381.                                                     Lacrosse Face Off Club
  382.                                                 </label>
  383.                                                 <label class="checkbox">
  384.                                                     <input type="checkbox" id="showRugbyClubAllocation" name="list-items[]" value="Rugby_Club" />
  385.                                                     Rugby Club
  386.                                                 </label>
  387.                                                 <label class="checkbox">
  388.                                                     <input type="checkbox" id="showSoccerGoalClubAllocation" name="list-items[]" value="Soccer_Goal_Club" />
  389.                                                     Soccer Goal Club
  390.                                                 </label>
  391.                                                 <label class="checkbox">
  392.                                                     <input type="checkbox" id="showSwimmingClubAllocation" name="list-items[]" value="Swimming_Club" />
  393.                                                     Swimming Club
  394.                                                 </label>
  395.                                                 <label class="checkbox">
  396.                                                     <input type="checkbox" id="showTennisRacquetClubAllocation" name="list-items[]" value="Tennis_Racquet_Club" />
  397.                                                     Tennis Racquet Club
  398.                                                 </label>
  399.                                         </div>
  400.                                         <!--End Dropdown-->
  401.  
  402.                                         <label><strong>Special Instructions</strong></label>
  403.                                         <textarea name="specinstr" id="specinstr" value="N/A" placeholder="Enter Special Instructions Here (255 character maximum)"></textarea>
  404.  
  405.                                 <span id="checkboxError" class="centerText"></span>
  406.                             </fieldset>
  407.                         </div><!--end controls-->
  408.                     <!--End Form Section 2-->
  409.                         <div class="clearfix"></div>
  410.                         <br />
  411.                         <button type="button" class="paginationBTN floatRight nextStep">Next &rarr;</button>
  412.                         <button type="button" class="paginationBTN floatLeft previousStep clearfix">&larr; Previous</button>
  413.                        
  414.                         <div class="progress">
  415.                             <div class="bar bar-success" style="width: 33.3%;"></div>
  416.                         </div>
  417.                         <p class="centerText">Step 3/6</p>
  418.                 </div>
  419.                 <!--End Step 3-->
  420.  
  421.                 <!--Step 4 | Allocations-->
  422.                 <div id="step4" class="textCenter">
  423.                     How would you like to designate your gift?
  424.  
  425.                         <div class="showUnrestricted input-append">
  426.                             <input type="number" name="unrestricted-Allocation" min="0" max="100" value="0" />
  427.                             <span class="add-on">&#37; to the Unrestricted Fund</span>
  428.                         </div>
  429.  
  430.                         <div class="ifScholarshipsSelected">
  431.                             <div id="GoodMenGoodCitizensAllocation" class="input-append hiddenByDefault">
  432.                                 <input type="number" name="Good_Men_Good_Citizens-Allocation" min="0" max="100" value="0" />
  433.                                 <span class="add-on">&#37; to the Good Men, Good Citizens Scholarship</span>
  434.                             </div>
  435.                             <div id="ClassOf2012Allocation" class="input-append hiddenByDefault">
  436.                                 <input type="number" name="Class_Of_2012-Allocation" min="0" max="100" value="0" />
  437.                                 <span class="add-on">&#37; to the Class of 2012 Scholarship <abbr title="In Honor Of">IHO</abbr> Mr. Jason M. Ferguson &rsquo;96</span>
  438.                             </div>
  439.                             <div id="ClassOf2011Allocation" class="input-append hiddenByDefault">
  440.                                 <input type="number" name="Class_Of_2011-Allocation" min="0" max="100" value="0" />
  441.                                 <span class="add-on">&#37; to the Class of 2011 Scholarship <abbr title="In Honor Of">IHO</abbr> Ms. Anita Garland</span>
  442.                             </div>
  443.                             <div id="ClassOf2010Allocation" class="input-append hiddenByDefault">
  444.                                 <input type="number" name="Class_Of_2010-Allocation" min="0" max="100" value="0" />
  445.                                 <span class="add-on">&#37; to the Class of 2010 Scholarship <abbr title="In Honor Of">IHO</abbr> Mrs. Dottie Fahrner</span>
  446.                             </div>
  447.                             <div id="ClassOf2009Allocation" class="input-append hiddenByDefault">
  448.                                 <input type="number" name="Class_Of_2009-Allocation" min="0" max="100" value="0" />
  449.                                 <span class="add-on">&#37; to the Class of 2009 Scholarship</span>
  450.                             </div>
  451.                             <div id="ClassOf2008Allocation" class="input-append hiddenByDefault">
  452.                                 <input type="number" name="Class_Of_2008-Allocation" min="0" max="100" value="0" />
  453.                                 <span class="add-on">&#37; to the Class of 2008 Scholarship <abbr title="In Honor Of">IHO</abbr> Ms. Gerry Pettus</span>
  454.                             </div>
  455.                             <div id="ClassOf2007Allocation" class="input-append hiddenByDefault">
  456.                                 <input type="number" name="Class_Of_2007-Allocation" min="0" max="100" value="0" />
  457.                                 <span class="add-on">&#37; to the Class of 2007 Scholarship <abbr title="In Honor Of">IHO</abbr> Lt. Gen. Sam Wilson</span>
  458.                             </div>
  459.                             <div id="ClassOf2006Allocation" class="input-append hiddenByDefault">
  460.                                 <input type="number" name="Class_Of_2006-Allocation" min="0" max="100" value="0" />
  461.                                 <span class="add-on">&#37; to the Class of 2006 Scholarship <abbr title="In Memory Of">IMO</abbr> Peter C. Bance Jr.</span>
  462.                             </div>
  463.                             <div id="ClassOf2005Allocation" class="input-append hiddenByDefault">
  464.                                 <input type="number" name="Class_Of_2005-Allocation" min="0" max="100" value="0" />
  465.                                 <span class="add-on">&#37; to the Class of 2005 Scholarship <abbr title="In Memory Of">IMO</abbr> Prof. Lee Cohen</span>
  466.                             </div>
  467.                             <div id="ClassOf2004Allocation" class="input-append hiddenByDefault">
  468.                                 <input type="number" name="Class_Of_2004-Allocation" min="0" max="100" value="0" />
  469.                                 <span class="add-on">&#37; to the Class of 2004 Scholarship <abbr title="In Memory Of">IMO</abbr> C. Frazier &rsquo;04 &amp; <abbr title="In Honor Of">IHO</abbr> W. Simms</span>
  470.                             </div>
  471.                             <div id="ClassOf2003Allocation" class="input-append hiddenByDefault">
  472.                                 <input type="number" name="Class_Of_2003-Allocation" min="0" max="100" value="0" />
  473.                                 <span class="add-on">&#37; to the Class of 2003 Scholarship <abbr title="In Honor Of">IHO</abbr> Ralph A. Crawley</span>
  474.                             </div>
  475.                             <div id="ClassOf1980Allocation" class="input-append hiddenByDefault">
  476.                                 <input type="number" name="Class_Of_1980-Allocation" min="0" max="100" value="0" />
  477.                                 <span class="add-on">&#37; to the Class of 1980 Endowed Scholarship</span>
  478.                             </div>
  479.                             <div id="ClassOf1961Allocation" class="input-append hiddenByDefault">
  480.                                 <input type="number" name="Class_Of_1961-Allocation" min="0" max="100" value="0" />
  481.                                 <span class="add-on">&#37; to the Class of 1961 Good Men Good Citizens Scholarship</span>
  482.                             </div>
  483.                             <div id="ClassOf1960Allocation" class="input-append hiddenByDefault">
  484.                                 <input type="number" name="Class_Of_1960-Allocation" min="0" max="100" value="0" />
  485.                                 <span class="add-on">&#37; to the Class of 1960 Good Men Good Citizens Scholarship</span>
  486.                             </div>
  487.                             <div id="ClassOf1958Allocation" class="input-append hiddenByDefault">
  488.                                 <input type="number" name="Class_Of_1958-Allocation" min="0" max="100" value="0" />
  489.                                 <span class="add-on">&#37; to the Class of 1958 Summer College Endowment Fund</span>
  490.                             </div>
  491.                             <div id="ClassOf1954Allocation" class="input-append hiddenByDefault">
  492.                                 <input type="number" name="Class_Of_1954-Allocation" min="0" max="100" value="0" />
  493.                                 <span class="add-on">&#37; to the Class of 1954 Wilson Center Lecture Series</span>
  494.                             </div>
  495.                             <div id="ClassOf1953Allocation" class="input-append hiddenByDefault">
  496.                                 <input type="number" name="Class_Of_1953-Allocation" min="0" max="100" value="0" />
  497.                                 <span class="add-on">&#37; to the Class of 1953 Scholarship Endowment</span>
  498.                             </div>
  499.                             <div id="ClassOf1951Allocation" class="input-append hiddenByDefault">
  500.                                 <input type="number" name="Class_Of_1951-Allocation" min="0" max="100" value="0" />
  501.                                 <span class="add-on">&#37; to the Class of 1951 Memorial Scholarship</span>
  502.                             </div>
  503.                             <div id="OtherScholarshipAllocation" class="input-append hiddenByDefault">
  504.                                 <input type="number" name="Other_Scholarship-Allocation" min="0" max="100" value="0" />
  505.                                 <span class="add-on">&#37; to the Other Scholarship &mdash; <em>as specified in your special instructions</em></span>
  506.                             </div>
  507.                         </div>
  508.  
  509.                         <div class="ifAcademicsSelected">
  510.                             <div id="AtkinsonMuseumAllocation" class="input-append hiddenByDefault">
  511.                                 <input type="number" name="Atkinson_Museum-Allocation" min="0" max="100" value="0" />
  512.                                 <span class="add-on">&#37; to the Atkinson Museum</span>
  513.                             </div>
  514.                             <div id="BortzLibraryAllocation" class="input-append hiddenByDefault">
  515.                                 <input type="number" name="Bortz_Library-Allocation" min="0" max="100" value="0" />
  516.                                 <span class="add-on">&#37; to Bortz Library</span>
  517.                             </div>
  518.                             <div id="CultureAndCommunityAllocation" class="input-append hiddenByDefault">
  519.                                 <input type="number" name="Culture_and_Community-Allocation" min="0" max="100" value="0" />
  520.                                 <span class="add-on">&#37; to Culture and Community</span>
  521.                             </div>
  522.                             <div id="WilsonCenterAllocation" class="input-append hiddenByDefault">
  523.                                 <input type="number" name="Wilson_Center-Allocation" min="0" max="100" value="0" />
  524.                                 <span class="add-on">&#37; to the Wilson Center</span>
  525.                             </div>
  526.                             <div id="OtherAcademicAreaAllocation" class="input-append hiddenByDefault">
  527.                                 <input type="number" name="Other_Academic-Allocation" min="0" max="100" value="0" />
  528.                                 <span class="add-on">&#37; to the Other Academic Area &mdash; <em>as specified in your special instructions</em></span>
  529.                             </div>
  530.                         </div>
  531.  
  532.                         <div class="ifAthleticsAreSelected">
  533.                             <div id="BaseballBigHittersClubAllocation" class="input-append hiddenByDefault">
  534.                                 <input type="number" name="Baseball_Big_Hitters_Club-Allocation" min="0" max="100" value="0" />
  535.                                 <span class="add-on">&#37; to the Baseball Big Hitters Club</span>
  536.                             </div>
  537.                             <div id="BasketballRoundballClubAllocation" class="input-append hiddenByDefault">
  538.                                 <input type="number" name="Basketball_Roundball_Club-Allocation" min="0" max="100" value="0" />
  539.                                 <span class="add-on">&#37; to the Basketball Roundball Club</span>
  540.                             </div>
  541.                             <div id="BrossCountryHarriersAllocation" class="input-append hiddenByDefault">
  542.                                 <input type="number" name="Cross_Country_Harriers-Allocation" min="0" max="100" value="0" />
  543.                                 <span class="add-on">&#37; to the Cross Country Harriers</span>
  544.                             </div>
  545.                             <div id="EverettStadiumAllocation" class="input-append hiddenByDefault">
  546.                                 <input type="number" name="Everett_Stadium-Allocation" min="0" max="100" value="0" />
  547.                                 <span class="add-on">&#37; to Everett Stadium</span>
  548.                             </div>
  549.                             <div id="FootballGridironClubAllocation" class="input-append hiddenByDefault">
  550.                                 <input type="number" name="Football_Gridiron_Club-Allocation" min="0" max="100" value="0" />
  551.                                 <span class="add-on">&#37; to the Football Gridiron Club</span>
  552.                             </div>
  553.                             <div id="GolfHoleInOneClubAllocation" class="input-append hiddenByDefault">
  554.                                 <input type="number" name="Golf_Hole_In_One_Club-Allocation" min="0" max="100" value="0" />
  555.                                 <span class="add-on">&#37; to the Golf Hole In One Club</span>
  556.                             </div>
  557.                             <div id="KirkAthleticCenterAllocation" class="input-append hiddenByDefault">
  558.                                 <input type="number" name="Kirk_Athletic_Center-Allocation" min="0" max="100" value="0" />
  559.                                 <span class="add-on">&#37; to Kirk Athletic Center</span>
  560.                             </div>
  561.                             <div id="LacrosseFaceOffClubAllocation" class="input-append hiddenByDefault">
  562.                                 <input type="number" name="Lacrosse_Face_Off_Club-Allocation" min="0" max="100" value="0" />
  563.                                 <span class="add-on">&#37; to the Lacrosse Face Off Club</span>
  564.                             </div>
  565.                             <div id="RugbyClubAllocation" class="input-append hiddenByDefault">
  566.                                 <input type="number" name="Rugby_Club-Allocation" min="0" max="100" value="0" />
  567.                                 <span class="add-on">&#37; to the Rugby Club</span>
  568.                             </div>
  569.                             <div id="SoccerGoalClubAllocation" class="input-append hiddenByDefault">
  570.                                 <input type="number" name="Soccer_Goal_Club-Allocation" min="0" max="100" value="0" />
  571.                                 <span class="add-on">&#37; to the Soccer Goal Club</span>
  572.                             </div>
  573.                             <div id="SwimmingClubAllocation" class="input-append hiddenByDefault">
  574.                                 <input type="number" name="Swimming_Club-Allocation" min="0" max="100" value="0" />
  575.                                 <span class="add-on">&#37; to the Swimming Club</span>
  576.                             </div>
  577.                             <div id="TennisRacquetClubAllocation" class="input-append hiddenByDefault">
  578.                                 <input type="number" name="Tennis_Racquet_Club-Allocation" min="0" max="100" value="0" />
  579.                                 <span class="add-on">&#37; to the Tennis Racquet Club</span>
  580.                             </div>
  581.                         </div>
  582.  
  583.                         <button type="button" class="paginationBTN floatRight nextStep">Next &rarr;</button>
  584.                         <button type="button" class="paginationBTN floatLeft previousStep clearfix">&larr; Previous</button>
  585.                        
  586.                         <div class="progress">
  587.                             <div class="bar bar-success" style="width: 50%;"></div>
  588.                         </div>
  589.                         <p class="centerText">Step 4/6</p>
  590.                 </div>
  591.  
  592.                 <div id="step5">
  593.  
  594.                         <fieldset>
  595.                             <legend>
  596.                                 Donor Information
  597.                             </legend>
  598.                             <label class="inline">
  599.                                 First Name<sup class="requiredValue">*</sup>:
  600.                                 <input type="text" name="usersFirstName" size="20" placeholder="John" required />
  601.                             </label>
  602.                             <label class="inline">
  603.                                 Last Name<sup class="requiredValue">*</sup>:
  604.                                 <input type="text" name="usersLastName" size="20" placeholder="Doe" required />
  605.                             </label>
  606.                             <label class="inline">
  607.                                 Class Year (if applicable):
  608.                                 <input type="number" name="usersClassYear" placeholder="2000" />
  609.                             </label>
  610.                             <label class="inline">
  611.                                 Street Address<sup class="requiredValue">*</sup>:
  612.                                 <input type="text" name="usersStreetAddress" size="30" placeholder="1 College Road" required />
  613.                             </label>
  614.                             <label class="inline">
  615.                                 Apt, Suite, Bldg. (Optional):&nbsp;
  616.                                 <input type="text" name="usersSecondaryAddress" size="30" placeholder="Apt. 1" />
  617.                             </label>    
  618.                             <label class="inline">
  619.                                 City<sup class="requiredValue">*</sup>:&nbsp;
  620.                                 <input type="text" name="usersCity" size="30" placeholder="Hampden-Sydney" required />
  621.                             </label>
  622.                             <label class="inline">
  623.                                 State<sup class="requiredValue">*</sup>:&nbsp;
  624.                                 <input type="text" name="usersState" data-provide="typeahead" size="30" placeholder="Virginia" />
  625.                             </label>
  626.                             <label class="inline">
  627.                                 Zip Code<sup class="requiredValue">*</sup>:&nbsp;
  628.                                 <input type="number" name="usersZip" min="00000" max="999999999" placeholder="23943" />
  629.                             </label>
  630.                             <label class="inline">
  631.                                 Country:
  632.                                 <input type="text" name="usersCountry" size="30" placeholder="United States" />
  633.                             </label>
  634.                             <label class="inline">
  635.                                 Phone<sup class="requiredValue">*</sup>:
  636.                                 <input type="text" name="usersPhoneNumber" size="30" placeholder="(434) 123&ndash;4567" required />
  637.                             </label>
  638.                             <label class="inline">
  639.                                 Email<sup class="requiredValue">*</sup>:
  640.                                 <input type="email" name="usersEmail" size="45" placeholder="[email protected]" required />
  641.                             </label>
  642.                         </fieldset>
  643.                         <div class="clearfix"></div>
  644.                         <br />
  645.                         <button type="button" class="paginationBTN floatRight nextStep">Next &rarr;</button>
  646.                         <button type="button" class="paginationBTN floatLeft previousStep clearfix">&larr; Previous</button>
  647.  
  648.                         <div class="progress">
  649.                             <div class="bar bar-success" style="width: 60%;"></div>
  650.                         </div>
  651.                         <p class="centerText">Step 5/6</p>
  652.                 </div><!--end step 5-->
  653.  
  654.                 <div id="step6">
  655.                    
  656.                         <fieldset>
  657.                             <legend>
  658.                                 <strong>
  659.                                     Payment Method&mdash;Credit Card Information
  660.                                 </strong>
  661.                             </legend>
  662.                             <!--Show the card types-->
  663.  
  664.                             <ul class="cards">
  665.                                 <li class="visa">Visa</li>
  666.                                 <li class="mastercard">MasterCard</li>
  667.                                 <li class="amex">American Express</li>
  668.                             </ul>
  669.  
  670.                             <label>Name as it appears on Credit Card<sup class="requiredValue">*</sup>:</label>
  671.                                 <input type="text" name="nameOnCard" size="40" placeholder="John R. Doe" />
  672.                                 <br />
  673.                             <label>Credit Card Number<sup class="requiredValue">*</sup>:</label>
  674.                                 <input type="number" name="numberOnCard" id="creditCardNumber" placeholder="4012888888881881" min="0" max="9999999999999999999" />
  675.                                 <br />
  676.                             <label>Credit Card Verification Code <abbr title="CVC2 for MasterCard, CVV2 for Visa, CID for American Express"><i class="icon-question-sign"></i></abbr><sup class="requiredValue">*</sup>:</label>
  677.                                 <input type="number" name="securityCodeOnCard" placeholder="813" min="0" max="9999" />
  678.                                 <br />
  679.                             <label>Expiration Date<sup class="requiredValue">*</sup>:</label>
  680.                                 <input type="number" name="expirationMonthOnCard" min="01" max="12" placeholder="11" />&nbsp;/&nbsp;<input type="number" name="expirationYearOnCard" min="0" max="99" placeholder="14" />
  681.                                 <br />
  682.                         </fieldset>
  683.                         <div class="clearfix"></div>
  684.                         <input class="submit floatRight" type="submit" name="submit_form" id="submit_form" value="Submit" />
  685.                         <button type="button" class="paginationBTN floatLeft previousStep clearfix">&larr; Previous</button>
  686.                         <div class="progress">
  687.                             <div class="bar bar-success" style="width: 80%;"></div>
  688.                         </div>
  689.                         <p class="centerText">Step 5/6</p>
  690.  
  691.                 </div>
  692.                 <div id="showResults">
  693.                     <!--when form processed using AJAX, output the response here-->
  694.                 </div>
  695.         </form>
  696.  
  697.         <hr />
  698.         <footer class="wrapper">
  699.                 <div class="leftText footerText floatLeft">
  700.                     <p>
  701.                         <strong>Other Giving Methods:</strong><br />
  702.                     If you would like to call us with your credit card information, you can contact us toll-free at <a href="tel:18008651776" title="Call us to donate">1&ndash;800&ndash;865&ndash;1776</a>. We are available Monday&ndash;Friday, 8:30 AM to 5:00 PM <abbr title="Eastern Standard Time">EST</abbr>.<br />
  703.                         <hr />
  704.                         &copy; Hampden-Sydney College | 2012&ndash;2013<br />
  705.                         <a href="http://www.hsc.edu/Computing-Center/Policies/Digital-Copyright-Infringements.html" title="Copyright" target="_blank"><em>Copyright</em></a> | <a href="http://www.hsc.edu/Emergencies.html" title="Emergencies" target="_blank"><em>Emergencies</em></a> | <a href="http://www.hsc.edu/Search/A-Z-Index.html" title="Site Index" target="_blank"><em>Site Index</em></a>
  706.                     </p>
  707.                 </div>
  708.                 <div class="rightText footerText floatRight">
  709.                         <strong>Address for Mailing Gifts:</strong><br />
  710.                         <address>
  711.                             Office of Institutional Advancement<br />
  712.                             Box 637 Graham Hall<br />
  713.                             Hampden-Sydney, <abbr title="Virginia">VA</abbr> 23943&ndash;0857
  714.                             <br />
  715.                             <a href="tel:+4342236000" title="434-223-6000">(434) 223&ndash;6000</a> | <a href="#" title="Contact the College" target="_blank">Contact the College</a>
  716.                         </address>
  717.                 </div>
  718.                 <div class="clear"></div>
  719.             </footer>
  720.             </div> <!-- #main -->
  721.         </div>
  722.     </div> <!-- #main-container -->
  723.  
  724.  
  725.  
  726.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  727.         <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.3.min.js"><\/script>')</script>
  728.         <!--<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>-->
  729.         <script src="js/jquery.form.js"></script>
  730.         <script src="js/plugins.js"></script>
  731.         <script src="js/main.js"></script>
  732.  
  733.         <script>
  734.             var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
  735.             (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  736.             g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  737.             s.parentNode.insertBefore(g,s)}(document,'script'));
  738.         </script>
  739.         <script>
  740.             //enable tooltips
  741.             $("#moreInfo").tooltip(title: "More info");
  742.             //enable typeahead
  743.             var usStates = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'].sort();
  744.             $('[name=usersState]').typeahead({source: usStates, items: 50});
  745.             //credit card function
  746.             $(function() {
  747.                 $(function() {
  748.                     $('.vertical.maestro').hide().css({
  749.                     opacity: 0
  750.                 });
  751.                 return $('#creditCardNumber').validateCreditCard(function(result) {
  752.                     if (!(result.card_type != null)) {
  753.                         $('.cards li').removeClass('off');
  754.                         $('#creditCardNumber').removeClass('valid');
  755.                         return;
  756.                     }
  757.                     $('.cards li').addClass('off');
  758.                     $('.cards .' + result.card_type.name).removeClass('off');
  759.  
  760.                     if (result.length_valid && result.luhn_valid) {
  761.                        return $('#card_number').addClass('valid');
  762.                     } else {
  763.                         return $('#card_number').removeClass('valid');
  764.                     }
  765.                 });
  766.                 });
  767.             }).call(this);
  768.         </script>
  769.     </body>
  770. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!