MER PP test

by riverguy

HTML

<form id="ppForm" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input id="cmd" type="hidden" name="cmd" value="_donations">
<input type="hidden" name="business" value="X3CA54H8H3YWU">
<input type="hidden" name="lc" value="US">
<label class="ppLines" for="xAmt">$
<input id="xAmt" type="text" name="amount" value="" size="4" placeholder="0.00"></label><br>
<input class="ppLines" id="ckMo" type="checkbox" name="ckMo" value=""> <label class="ppLines" for="ckMo">Monthly</label><br>
<input type="hidden" name="item_name" value="Membership or Donation">
<input type="hidden" name="no_note" value="0">
<input type="hidden" name="cn" value="Special instructions:">
<input type="hidden" name="src" value="1">
<input id="a3" type="hidden" name="a3" value="0.00">
<input type="hidden" name="p3" value="1">
<input type="hidden" name="t3" value="M">
<input type="hidden" name="no_shipping" value="2">
<input type="hidden" name="currency_code" value="USD">
<input class="ppLines" id="donbut" type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

CSS

#ppForm {
padding: 10px 0px 8px 0px;
text-align: center;
width: 130px;
border-style: solid;
border-width: 1px;
border-color: red;
border-radius: 8px;
background-color: pink;

}

.ppLines {
display:inline-block;
padding: 6px 0px 6px 0px;  
}

#xAmt {
text-align: right;
}

#donbut {
margin-left:6px;
}

JavaScript

$(document).ready(function(){

   $("#xAmt").keyup(function(){
    //  alert("hello!");
      $("#a3").val($("#xAmt").val());
   });
   
   $("#ckMo").click(function(){
   
     if($("#ckMo").prop('checked')==true) {
       $("#cmd").val("_xclick-subscriptions");
     } else {
       $("#cmd").val("_donations");
     }
     
   });
   
});