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 revisionBoth sides next revision
donate:make_a_gift [2016/03/04 20:07] – [Donation Information] 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 ====== +
-You are using a one time donation form.  If you wish to pledge a monthly donation, please use the [[make_a_gift_monthly]] form.+
  
 <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" 
 +       type="number" 
 +       id="custom-donation-amount" 
 +       placeholder="20.00" 
 +       min="0" 
 +       step="10.00"/> 
 +<button id="customButton">Donate</button>
  
-<table width="90%" > +<script> 
-  <tbody> +var handler = StripeCheckout.configure({ 
-    <tr> +  key: 'pk_test_uifOxAQveRU6ei5hMOifNUUz', 
-       <td valign="top" width="10%"><b>Amount:</b></td> +  //key: 'pk_live_1sdHIeQjfKjPdXesQTOpiLFZ', 
-       <td> +  image: '/stripe/arm-logo.gif', 
-<input name="1-desc" value="Predefined Amount Donation" type="hidden"> +  locale: 'auto', 
-<input name="1-qty" value="1" type="hidden"> +   
-<input name="1-cost" value="25.00" type="radio" checked="true" onClick="hideId('otherD')"> $25 <br /> +  token: function(token) { 
-<input name="1-cost" value="50.00" type="radio" onClick="hideId('otherD')"> $50 <br /> +    // You can access the token ID with `token.id`. 
-<input name="1-cost" value="100.00" type="radio" onClick="hideId('otherD')"> $100 <br /> +    // Get the token ID to your server-side code for use. 
-<input name="1-cost" value="500.00" type="radio" onClick="hideId('otherD')"> $500 <br /> + //console.log(token); 
-<input name="1-cost" value="1000.00" type="radio" onClick="hideId('otherD')"> $1000<br />+  
 + $.ajax({ 
 +   url: '/stripe/charge.php', 
 +   type: 'post', 
 +   data: { 
 + stripeToken: token.id,  
 + email: token.email,  
 + chargeAmount: amnt 
 + }, 
 +   } 
 + }); // end ajax call 
 +  } 
 +});
  
-<input type="radio" name="1-cost" id="otherRadio" value="0" onClick="showId('otherD')" class="noborder" />Other  +document.getElementById('customButton').addEventListener('click', function(e) { 
-$<input type="text" name="2-cost" id="otherD" size="8" maxlength="4"  +  // Open Checkout with further options: 
- value=0  +  var field = document.getElementById("custom-donation-amount"); 
- style="visibility: hidden;" class="edit" />+  //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(); 
 +});
  
-<input type="hidden" name="1-desc" value="Make a Gift" /> +// Close Checkout on page navigation: 
-<input type="hidden" name="1-qty"  value="1" /> +window.addEventListener('popstate', function() { 
- +  handler.close(); 
-<input type="hidden" name="2-desc" value="Make a Gift Other" /> +});
-<input type="hidden" name="2-qty" value="1" > <br /> +
- +
-<script type="text/javascript"> +
-var $element = document.getElementById('otherD'); +
-$element.value = parseInt($element.value); +
-$element.value = 0; +
-if (document.getElementById('otherRadio').checked)  +
- $element.style.visibility = 'visible'; +
-function showId($id) {   +
- var $element = document.getElementById($id); +
- $element.style.visibility = 'visible'; +
-} +
-function hideId($id) { +
- var $element = document.getElementById($id); +
- $element.style.visibility = 'hidden';  +
- $element.value = 0; +
-}+
 </script> </script>
  
-       </td> 
-     </tr> 
-     
-    <tr> 
-     <td valign="top"><b>Frequency:</b></td> 
-      <td>  &nbsp;&nbsp; One time Gift. 
- 
-      </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"> 
-<input name="items" value="1" type="hidden"> 
-<input name="layout1" value="3" type="hidden"> 
-<input name="mername" value="A.R.M." type="hidden"> 
-<input name="ret_addr" value="http://www.hibm.org/arm/donate:thank_you" type="hidden"> 
-<input name="vendor_id" value="mrGuJ632wuEC2Tvv3d" type="hidden"> 
-<input name="showcvv" value="1" type="hidden"> 
-<input name="visaimage" value="1" type="hidden"> 
-<input name="mcimage" value="1" type="hidden"> 
-<input name="ameximage" value="1" type="hidden"> 
-<input name="discimage" value="1" type="hidden"> 
-<input name="dinerimage" value="" type="hidden">  
- 
-<input value="Proceed to Secure Server" type="submit" class="button">  
- 
-         </td> 
-       </tr> 
-     </tbody> 
-   </table> 
- 
-</form> 
 </html> </html>