You are using a browser that is either out of date or not supported.
HIBM.ORG is best viewed using Firefox, Safari, Opera, or IE 6+.
Thank you for your attention.

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
Next revisionBoth sides next revision
donate:make_a_gift [2010/04/27 19:30] – danieldonate:make_a_gift [2016/09/26 05:47] – Moved cc to Stripe daniel
Line 1: Line 1:
-====== Make a gift ====== +====== Make a Gift ====== 
-For donating to the **Dollar Campaign**, please use the **[[dollar:home | Dollar Campaign]]** site.  To make a other gift donation, you may use below form.   +To make a other gift donation, you may use below form. You are using a one time donation form. If you wish to pledge a monthly donation, please use contact us.
- +
- +
-====== Donation Information ====== +
  
 <html> <html>
-<form method="post" action="https://secure.paymentclearing.com/cgi-bin/mas/split.cgi" autocomplete="off"> +<script src="https://checkout.stripe.com/checkout.js"></script> 
- +<input class="form-control" 
-<table width="90%" > +       type="number" 
-  <tbody> +       id="custom-donation-amount" 
-    <tr> +       placeholder="20.00" 
-       <td valign="top"><b>Amount:</b></td> +       min="0" 
-       <td> +       step="10.00"/> 
-<input name="1-desc" value="Predefined Amount Donation" type="hidden"> +<button id="customButton">Donate</button>
-<input name="1-qty" value="1" type="hidden"> +
-<input name="1-cost" value="25.00" type="radio" checked="true"> $25 <br /> +
-<input name="1-cost" value="50.00" type="radio"> $50 <br /> +
-<input name="1-cost" value="100.00" type="radio"> $100 <br /> +
-<input name="1-cost" value="500.00" type="radio"> $500 <br /> +
-<input name="1-cost" value="1000.00" type="radio"> $1000<br /> +
-<input name="1-cost" value="0" type="radio"> +
-Other $  +
-<input name="2-desc" value="Other Amount Donation" type="hidden"> +
-<input name="2-qty" value="1" type="hidden"> +
-<input name="2-cost" size="8" maxlength="8" value="0" type="text" class="edit"> +
-<small>If choosing $25 - $1000 options, please leave "Other" as "0"</small><br /> +
- +
-       </td> +
-     </tr> +
-     +
-    <tr> +
-     <td valign="top"><b>Frequency:</b></td> +
-      <td> +
-       <select name="recur_recipe" size="1" style="width:100px;" class="edit"> +
-         <option value="sameday">One time</option> +
-         <option value="q30days">Monthly</option> +
-       </select> +
-       <input name="recur_reps" value="9999" type="hidden" /> +
-      </td> +
-    </tr> +
-  </table> +
- +
-<h1>Billing Information</h1> +
-  <table> +
-    <tr> +
-      <td valign="top"><b>First Name:</b></td> +
-      <td><input name="first_name" size="25" class="edit"></td> +
-    </tr>     +
-    <tr> +
-      <td valign="top"><b>Last Name:</b></td> +
-      <td><input name="last_name" size="25" class="edit"></td> +
-    </tr> +
- +
-    <tr> +
-      <td valign="top"><b>Address:</b></td> +
-      <td><input name="address" size="30" class="edit"></td> +
-    </tr> +
- +
-    <tr> +
-      <td valign="top"><b>City:</b></td> +
-      <td><input name="city" size="15" class="edit"> <b>State:</b> <select name="state" class="edit"> +
-             <option value=""> +
-              </option> +
-              <option value="AK"> +
-                AK +
-              </option> +
-              <option value="AL"> +
-                AL +
-              </option> +
-              <option value="AR"> +
-                AR +
-              </option> +
- +
-              <option value="AZ"> +
-                AZ +
-              </option> +
-              <option value="CA"> +
-                CA +
-              </option> +
-              <option value="CO"> +
-                CO +
-              </option> +
-              <option value="CT"> +
- +
-                CT +
-              </option> +
-              <option value="DC"> +
-                DC +
-              </option> +
-              <option value="DE"> +
-                DE +
-              </option> +
-              <option value="FL"> +
-                FL +
-              </option> +
- +
-              <option value="GA"> +
-                GA +
-              </option> +
-              <option value="HI"> +
-                HI +
-              </option> +
-              <option value="IA"> +
-                IA +
-              </option> +
-              <option value="ID"> +
- +
-                ID +
-              </option> +
-              <option value="IL"> +
-                IL +
-              </option> +
-              <option value="IN"> +
-                IN +
-              </option> +
-              <option value="KS"> +
-                KS +
-              </option> +
- +
-              <option value="KY"> +
-                KY +
-              </option> +
-              <option value="LA"> +
-                LA +
-              </option> +
-              <option value="MA"> +
-                MA +
-              </option> +
-              <option value="MD"> +
- +
-                MD +
-              </option> +
-              <option value="ME"> +
-                ME +
-              </option> +
-              <option value="MI"> +
-                MI +
-              </option> +
-              <option value="MN"> +
-                MN +
-              </option> +
- +
-              <option value="MO"> +
-                MO +
-              </option> +
-              <option value="MS"> +
-                MS +
-              </option> +
-              <option value="MT"> +
-                MT +
-              </option> +
-              <option value="NC"> +
- +
-                NC +
-              </option> +
-              <option value="ND"> +
-                ND +
-              </option> +
-              <option value="NE"> +
-                NE +
-              </option> +
-              <option value="NH"> +
-                NH +
-              </option> +
- +
-              <option value="NJ"> +
-                NJ +
-              </option> +
-              <option value="NM"> +
-                NM +
-              </option> +
-              <option value="NV"> +
-                NV +
-              </option> +
-              <option value="NY"> +
- +
-                NY +
-              </option> +
-              <option value="OH"> +
-                OH +
-              </option> +
-              <option value="OK"> +
-                OK +
-              </option> +
-              <option value="OR"> +
-                OR +
-              </option> +
- +
-              <option value="PA"> +
-                PA +
-              </option> +
-              <option value="RI"> +
-                RI +
-              </option> +
-              <option value="SC"> +
-                SC +
-              </option> +
-              <option value="SD"> +
- +
-                SD +
-              </option> +
-              <option value="TN"> +
-                TN +
-              </option> +
-              <option value="TX"> +
-                TX +
-              </option> +
-              <option value="UT"> +
-                UT +
-              </option> +
- +
-              <option value="VA"> +
-                VA +
-              </option> +
-              <option value="VT"> +
-                VT +
-              </option> +
-              <option value="WA"> +
-                WA +
-              </option> +
-              <option value="WI"> +
- +
-                WI +
-              </option> +
-              <option value="WV"> +
-                WV +
-              </option> +
-              <option value="WY"> +
-                WY +
-              </option> +
-              <option value="AA"> +
-                AA +
-              </option> +
- +
-              <option value="AE"> +
-                AE +
-              </option> +
-              <option value="AP"> +
-                AP +
-              </option> +
-              <option value="AS"> +
-                AS +
-              </option> +
-              <option value="PR"> +
- +
-                PR +
-              </option> +
-              <option value="FM"> +
-                FM +
-              </option> +
-              <option value="GU"> +
-                GU +
-              </option> +
-              <option value="MH"> +
-                MH +
-              </option> +
- +
-              <option value="MP"> +
-                MP +
-              </option> +
-              <option value="PW"> +
-                PW +
-              </option> +
-              <option value="VI"> +
-                VI +
-              </option> +
-            </select> <b>Zip:</b> <input name="zip" size="10" maxlength="5" class="edit"><br> +
- +
-            </td> +
-          </tr> +
-          <tr> +
-            <td valign="top"><b>Country:</b></td> +
-            <td><input name="country" size="45" value="USA" class="edit"><br> +
-            </td> +
-          </tr> +
-          <tr> +
- +
-            <td valign="top"><b>Phone Number:</b></td> +
-            <td><strong><input name="phone" size="15" class="edit"><br> +
-            </strong></td> +
-          </tr> +
-          <tr> +
-            <td valign="top"><b>E-Mail Address:</b></td> +
-            <td><input name="email" size="30" class="edit"><small> +
-Your generous gift will be confirmed by email.</small><br> +
-            </td> +
- +
-          </tr> +
-          <tr> +
-            <td valign="top" nowrap><b>Your Message:</b></td> +
-            <td align="left"><small>Send us a message.  Let us know if you're donating in honor of a loved one, or for another purpose, or just to make a general comment/suggestion.  Thank you.</small><textarea name="email_text2" class="edit" cols="30" rows="3"></textarea></td> +
- +
- +
-        </tbody> +
-      </table> +
-      <table width="90%"> +
-        <tbody> +
-          <tr> +
-            <td align="center"> +
- +
-<input name="acceptcards" value="1" type="hidden"> +
-<input name="formtype" value="1" type="hidden">+
  
-<input name="home_page" value="http://www.hibm.org/arm" type="hidden"> +<script> 
-<input name="items" value="1" type="hidden"> +var handler = StripeCheckout.configure({ 
-<input name="layout1" value="3" type="hidden"> +  key: 'pk_test_uifOxAQveRU6ei5hMOifNUUz', 
-<input name="mername" value="A.R.M." type="hidden"> +  //key: 'pk_live_1sdHIeQjfKjPdXesQTOpiLFZ', 
-<input name="ret_addr" value="http://www.hibm.org/arm/donate:thank_you" type="hidden"> +  image: '/stripe/arm-logo.gif', 
-<input name="vendor_id" value="mrGuJ632wuEC2Tvv3d" type="hidden"> +  locale: 'auto', 
-<input name="showcvv" value="0" type="hidden"> +   
-<input name="visaimage" value="1" type="hidden"> +  token: function(token) { 
-<input name="mcimage" value="1" type="hidden"> +    // You can access the token ID with `token.id`. 
-<input name="ameximage" value="1" type="hidden"> +    // Get the token ID to your server-side code for use. 
-<input name="discimage" value="1" type="hidden"> + //console.log(token); 
-<input name="dinerimage" value="" type="hidden"> +  
 + $.ajax({ 
 +   url: '/stripe/charge.php', 
 +   type: 'post', 
 +   data: { 
 + stripeToken: token.id,  
 + email: token.email,  
 + chargeAmount: amnt 
 + }, 
 +   } 
 + }); // end ajax call 
 +  } 
 +});
  
-<input value="Proceed to Secure Server" type="submit" class="button"> +document.getElementById('customButton').addEventListener('click', function(e) { 
 +  // Open Checkout with further options: 
 +  var field = document.getElementById("custom-donation-amount"); 
 +  //var amnt = field.value * 100; 
 +  amnt = field.value * 100; // without var, makes this global   
 +  var placeholder = field.getAttribute('placeholder') * 100; 
 +  if (amnt <= 0 ){ amnt = placeholder} 
 +  else if (amnt > 200000 ) { 
 +   amnt = 200000; 
 +   alert("Maximum allowed is $2000.00"); 
 +   } 
 +  else {amnt = parseInt(amnt)}; 
 +   
 +  handler.open({ 
 + name: 'ARM (Advancement of Research for Myopathies)', 
 + description: 'Donation', 
 + zipCode: true, 
 + billingAddress: true, 
 +    amount: amnt 
 +  }); 
 +  e.preventDefault(); 
 +});
  
-         </td> +// Close Checkout on page navigation: 
-       </tr> +window.addEventListener('popstate', function() { 
-     </tbody> +  handler.close(); 
-   </table>+}); 
 +</script>
  
-</form> 
 </html> </html>