View source for Template:2011FR/lp-form-US7amounts-wherebox-GC-recurring-star-edit

<html>

<script type="text/javascript" language="javascript">
function validateForm( form ) {

  var minimums = {
    'USD' : 1,
    'GBP' : 1, // $1.26
    'EUR' : 1, // $1.26
    'AUD' : 2, // $1.35
    'CAD' : 1, // $0.84
    'CHF' : 1, // $0.85
    'CZK' : 20, // $1.03
    'DKK' : 5, // $0.85
    'HKD' : 10, // $1.29
    'HUF' : 200, // $0.97
    'JPY' : 100, // $1
    'NZD' : 2, // $1.18
    'NOK' : 10, // $1.44
    'PLN' : 5, // $1.78
    'SGD' : 2, // $1.35
    'SEK' : 10, // $1.28
    'ILS' : 5 // $1.39
  };

  var error = true;

  // Get amount selection
  var amount = null;
  for ( var i = 0; i < form.amount.length; i++ ) {
    if ( form.amount[i].checked ) {
      amount = form.amount[i].value;
    }
  }
  if ( form.amountGiven.value != "" ) {
    var otherAmount = form.amountGiven.value;
    otherAmount = otherAmount.replace(/[,.](\d)$/, '\:$10');
    otherAmount = otherAmount.replace(/[,.](\d)(\d)$/, '\:$1$2');
    otherAmount = otherAmount.replace(/[\$,.]/g, '');
    otherAmount = otherAmount.replace(/:/, '.');
    form.amountGiven.value = otherAmount;
    amount = otherAmount;
  }

  // Check amount is a real number
  error = ( amount == null || isNaN( amount ) || amount.value <= 0 );
  // Check amount is at least the minimum
  var currency = form.currency_code.value;
  if ( typeof( minimums[currency] ) == 'undefined' ) {
    minimums[currency] = 1;
  }
  if ( amount < minimums[currency] || error ) {
    alert( '</html>{{{validation-error-minimum|You must contribute at least $1}}}<html>'.replace('$1', minimums[currency] + ' ' + currency ) );
    error = true;
  }
  
  return !error;
}

function DefaultSubmit(formfield,Action) {
  var keycode;
  if (window.event) keycode = window.event.keyCode;
  else if (Action) keycode = Action.which;
  else return true;

  if (keycode == 13) {
    redirectPayment(</html>{{#ifeq:{{CC-status}}|block|'1'|'2'}}<html>);
    return false;
  }
  else
    return true;
}

function redirectPayment(i) {
i = Number( i );
//quick, dirty little hack to fix i for the old buttons
var recurr = $( "input:radio:checked[name='frequency']" ).val();
if ( recurr == null ) { recurr = 0; }
if ( recurr == 1 ) { 
   //go to the recurring options 
    i += 2; 
}

  //if i == 1
    var paymentType ="cc";
    var action_url = "https://payments.wikimedia.org/index.php/Special:GlobalCollectGateway?uselang=</html>{{{language}}}\x26masthead={{{masthead}}}\x26form_name={{{form-name}}}\x26appeal={{{appeal}}}\x26language={{{language|{{SUBPAGENAME}}}}}\x26ffname={{{ffname}}}<html>" ;

  if (i==2) {
    paymentType = "pp";
    action_url="https://wikimediafoundation.org/wiki/Special:ContributionTracking/</html>{{{language|{{BASEPAGENAME}}}}}<html>";
    }
   if (i==3) {
    paymentType = "rcc";
    action_url = "https://payments.wikimedia.org/index.php/Special:GlobalCollectGateway?uselang=</html>{{{language}}}\x26masthead={{{masthead}}}\x26form_name={{{form-name}}}\x26appeal={{{appeal}}}\x26language={{{language|{{SUBPAGENAME}}}}}\x26ffname={{{ffname-recurring}}}<html>" ;
   }
   if (i==4) {
    var recurring = document.createElement("input");
    recurring.type = "hidden";
    recurring.name = "recurring_paypal";
    recurring.id = "recurring-hidden";
    recurring.value = "true";
    document.paypalcontribution.appendChild(recurring);

    paymentType = "rpp";
    action_url="https://wikimediafoundation.org/wiki/Special:ContributionTracking/</html>{{{language|{{BASEPAGENAME}}}}}<html>";
   }
   
    
  document.paypalcontribution.action = action_url;
  document.paypalcontribution.utm_source.value = getQuerystring( 'utm_source' ) + '.' + getLandingPage() + '.' + paymentType;
  if (validateForm(document.paypalcontribution)) {
    if(typeof(OWA) !== 'undefined'){OWATracker.shareStateByPost( document.paypalcontribution );}
    document.paypalcontribution.submit();
  }
}
</script>
<form method="post" name="paypalcontribution">
  <input type="hidden" name="gateway" value="paypal" />
  <input type="hidden" name="utm_source" value="" />
  <input type="hidden" name="utm_medium" value="" />
  <input type="hidden" name="utm_campaign" value="" />
  <input type="hidden" name="language" value="</html>{{{language|{{SUBPAGENAME}}}}}<html>" />
  <input type="hidden" name="referrer" value="" />
  <input type="hidden" name="country" value="US" />
  <input type="hidden" name="returnto" value="Thank_You/</html>{{{language|{{SUBPAGENAME}}}}}<html>" />
  <input type="hidden" name="email-opt" id="input_email" value="1" checked="checked" />

<div style="padding: 0.2em 0em; font-weight: normal;">

<p style="font-weight: bold;"></html>{{{gift-amount-text}}}<html></p>
<div id="amount-box" style="font-size: 100%; padding: 0; margin-left: -5px; "> 
<table id="amount-table" style="background-color: #CCE7CD;">
  <tr>
    <td colspan="2" style="white-space:nowrap;"><input type="radio" name="frequency" id="input_freq_ot" value="0" /><label for="input_freq_ot">One-time</label></td>
    <td colspan="3" style="white-space:nowrap;"><input type="radio" name="frequency" id="input_freq_mo" value="1" /><label for="input_freq_mo">Monthly*</label></td>
  </tr>
  <tr><td colspan="5" style="font-size:8px; line-height:8px">&nbsp;</td></tr>
  <tr>
    <td style="white-space:nowrap;"><input type="radio" name="amount" id="input_amount_0" onclick="document.paypalcontribution. amountGiven.value = ''" value="</html>{{{donate-amount-0}}}<html>" /><label for="input_amount_0"></html>${{{donate-amount-0}}}<html></label></td>
    <td style="white-space:nowrap;"><input type="radio" name="amount" id="input_amount_1" onclick="document.paypalcontribution. amountGiven.value = ''" value="</html>{{{donate-amount-1}}}<html>" /><label for="input_amount_1"></html>${{{donate-amount-1}}}<html></label></td>
    <td style="white-space:nowrap;"><input type="radio" name="amount" id="input_amount_2" onclick="document.paypalcontribution. amountGiven.value = ''" value="</html>{{{donate-amount-2}}}<html>" /><label for="input_amount_2"></html>${{{donate-amount-2}}}<html></label></td>
    <td style="white-space:nowrap;"><input type="radio" name="amount" id="input_amount_3" onclick="document.paypalcontribution. amountGiven.value = ''" value="</html>{{{donate-amount-3}}}<html>" /><label for="input_amount_3"></html>${{{donate-amount-3}}}<html></label></td> <!--<div style="height:8px;font-size:8px;">&nbsp;</div>-->
  </tr>
  <tr>
     <td style="white-space:nowrap;"><input type="radio" name="amount" id="input_amount_4" onclick="document.paypalcontribution. amountGiven.value = ''" value="</html>{{{donate-amount-4}}}<html>" /><label for="input_amount_4"></html>${{{donate-amount-4}}}<html></label></td>
    <td style="white-space:nowrap;"><input type="radio" name="amount" id="input_amount_5" onclick="document.paypalcontribution. amountGiven.value = ''" value="</html>{{{donate-amount-5}}}<html>" /><label for="input_amount_5"></html>${{{donate-amount-5}}}<html></label></td>
    <td style="white-space:nowrap;"><input type="radio" name="amount" id="input_amount_6" onclick="document.paypalcontribution. amountGiven.value = ''" value="</html>{{{donate-amount-6}}}<html>" /><label for="input_amount_6"></html>${{{donate-amount-6}}}<html></label></td>
    <td style="white-space:nowrap;"><input type="radio" name="amount" id="input_amount_other" value="Other" /><label for="input_amount_other"></html>{{{donate-amount-other|<html>Other:</html>}}}<html></label>
<input type="text" placeholder="Other" name="amountGiven" size="4" autocomplete="off" onfocus="this.form.input_amount_other.checked=true;" onKeyPress="return DefaultSubmit(this,event)" /></td>
  </tr>
</table>
<!-- currency menu --><input name="currency_code" id="input_currency_code" type="hidden" value="USD" />
</div>

<div id="cc-donate-button">
<input type="button" style="width: 15em; font-size: 12px; style="display:{{CC-status}};" value="</html>{{{creditcard-label}}}<html>" class="button" onclick="redirectPayment('1');"/> 
</div>

<div id="paypal-donate-button">
<input type="button" style="width: 15em; font-size: 12px;" value="</html>{{{paypal-label}}}<html>" class="button" onclick="redirectPayment('2');"/>
</div>

</html>

[http://en.wikipedia.org/wiki/Wikipedia:Article_Feedback_Tool/Tutorial Or: Learn to edit!]

<div class="donate-body-small">{{{monthlydonation-text|}}}</div>
<div class="donate-body-small">{{{wherebox-text|}}}</div>
<html>
</div>
</form>

<script type="text/javascript">
function getQuerystring( key ) {
  key = key.replace( /[\[]/, '\\\[' ).replace( /[\]]/, '\\\]' );
  var regex = new RegExp( '[\\?&]' + key + '=([a-zA-Z0-9\_\-]*)' );
  var qs = regex.exec( window.location.search );
  return qs == null ? '' : qs[1];
}

function getLandingPage() {
  var path = "</html>{{{landing-page|default}}}<html>";

  if( path == "default") {
    pathArray = window.location.pathname.split( '/' );
    return pathArray[2];
  }
  else return path;
}

function updateCC( currency ) {
   if ( ( currency == 'AUD' ) || ( currency == 'CAD' ) || ( currency == 'EUR' ) || 
    (currency == 'GBP' ) || ( currency == 'JPY' ) || ( currency == 'USD' ) ) {
      document.getElementById('cc-donate-button').style.display = "</html>{{CC-status}}<html>";
   } else {
      document.getElementById('cc-donate-button').style.display = "none";
   }
} 

document.paypalcontribution.utm_medium.value = getQuerystring( 'utm_medium' );
document.paypalcontribution.utm_campaign.value = getQuerystring( 'utm_campaign' );
document.paypalcontribution.referrer.value = document.referrer;

( function( $ ) {
  $(document).ready(function(){
   var currency = $("#input_currency_code").val();
   updateCC(currency);
   })
} )( jQuery );
</script>
</html><noinclude>
[[Category:Fundraising templates|{{PAGENAME}}]]
</noinclude>