Template:Form-template/Form-template-default: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
No edit summary |
ugh, need to pass country down |
||
(67 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
<html> |
<html> |
||
<form method="GET" name="donateForm" aria-label="</html>{{int:donate_interface-donate-now}}<html>"> |
|||
<style type="text/css"> |
|||
<div id="donate-form-wrapper"> |
|||
.donate { |
|||
<noscript><div class="error-nojs"></html>{{int:Donate_interface-noscript-msg}}<html></div><style>#actual-form-loading { display: none; }</style></noscript> |
|||
width: 25em; |
|||
<div id="actual-form-loading"> |
|||
padding: 1em; |
|||
Loading…<br> |
|||
} |
|||
<small>(If the form does not load, your web browser may not be supported. Please try a different browser.)</small> |
|||
</div> |
|||
<div id="actual-form"> |
|||
</html>{{CountryConfirm | country = {{{country}}} }}<html> |
|||
</html>{{Template:2012FR/Switch/Country |
|||
|template = 2012FR/{{{form-countryspecific}}} |
|||
|appeal = {{{appeal}}} |
|||
|language = {{int:lang}} |
|||
|country = {{{country}}} |
|||
}}<html> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
#donate-form-wrapper { |
|||
background-color: #CCE7CD; |
|||
border: 1px solid #5EAC58; |
|||
padding: 1em; |
|||
} |
|||
.donate-form-contained { |
|||
border-bottom: 1px solid #5EAC58; |
|||
padding-top: 1em; |
|||
padding-bottom: 1em; |
|||
} |
|||
.dividing-line { |
|||
border-bottom: 1px solid #5EAC58; |
|||
padding-bottom: 1em; |
|||
padding-top: 1em; |
|||
} |
|||
#donor-infobox-block { |
|||
border-bottom: none; |
|||
} |
|||
#donor-policy-block { |
|||
width: 33.8em; |
|||
font-size: 0.85em; |
|||
line-height: 1.3em; |
|||
padding-left: 1em; |
|||
padding-right: 1em; |
|||
padding-top: 0.5em; |
|||
} |
|||
#donate-links-block { |
|||
border: none; |
|||
background-color: transparent; |
|||
line-height: 1.3em; |
|||
padding: 0 1em; |
|||
padding-top: 1em; |
|||
/*width: 27em;*/ |
|||
} |
|||
input.button, select#input_currency_code { |
|||
font-size: 95%; |
|||
} |
|||
.collapsible-container { |
|||
font-size: 0.8em; |
|||
cursor: pointer; |
|||
} |
|||
.collapsible-container-trigger { |
|||
color: blue; |
|||
font-size: 1.2em; |
|||
} |
|||
.collapsible-container-trigger:hover { |
|||
text-decoration: underline; |
|||
color: blue; |
|||
} |
|||
.currency-collapsible-container-contained { |
|||
display: none; |
|||
background-color: #FFFFFF; |
|||
color: black; |
|||
} |
|||
#country-container { |
|||
} |
|||
#country-container-trigger { |
|||
font-size: 0.9em |
|||
} |
|||
#country-container-contained { |
|||
} |
|||
#input_currency_code { |
|||
width: 9em; |
|||
font-size: 0.95em; |
|||
} |
|||
</style> |
|||
<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; |
|||
} |
|||
//Should this be here? |
|||
var amount = null; |
|||
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:block|block|'1'|'2'}}<html>); |
|||
return false; |
|||
} |
|||
else |
|||
return true; |
|||
} |
|||
function validateForm(form){ |
|||
var minimums = {</html>{{2012FR/Switch/Currency/Minimums}}<html>}; |
|||
var error = true; |
|||
// Get amount selection |
|||
for ( var i = 0; i < form.amount.length; i++ ) { |
|||
if ( form.amount[i].checked ) { |
|||
amount = form.amount[i].value; |
|||
} |
|||
} |
|||
//if ( form.input_amount_other_box.value != "</html>{{int:donate_interface-other}}<html>" ) { |
|||
if ( form.input_amount_other_box.value != "" ) { |
|||
var otherAmount = form.input_amount_other_box.value; |
|||
otherAmount = otherAmount.replace(/[,.](\d)$/, '\:$10'); |
|||
otherAmount = otherAmount.replace(/[,.](\d)(\d)$/, '\:$1$2'); |
|||
otherAmount = otherAmount.replace(/[\$,.]/g, ''); |
|||
otherAmount = otherAmount.replace(/:/, '.'); |
|||
form.input_amount_other_box.value = otherAmount; |
|||
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 ) { |
|||
$( "#input_amount_other_box" ).val( '' ); |
|||
$( "#input_amount_other" ).focus(); |
|||
$( "#input_amount_other_box" ).focus(); |
|||
alert( '</html>{{int:donate_interface-smallamount-error}}<html>'.replace('$1', (minimums[currency] + ' ' + currency) ) ); |
|||
//alert( '</html>{{int:donate_interface-error-msg-invalid-amount}}<html>'); |
|||
error = true; |
|||
} |
|||
if ( amount > 10000*minimums[currency]) { |
|||
$( "#input_amount_other_box" ).val( '' ); |
|||
$( "#input_amount_other" ).focus(); |
|||
$( "#input_amount_other_box" ).focus(); |
|||
errorMessageLarge = '</html>{{int:Donate interface-bigamount-error}}<html>'; |
|||
errorMessageLarge = errorMessageLarge.replace('$1',10000*minimums[currency]); |
|||
errorMessageLarge = errorMessageLarge.replace('$2',currency); |
|||
errorMessageLarge = errorMessageLarge.replace('$3','giving@wikimedia.org'); |
|||
alert(errorMessageLarge); |
|||
//alert('We can not accept donations greater than USD 10,000 (' + 10000*minimums[currency] + ' ' + currency + ') through our website.\nPlease contact our major gifts staff at giving@wikimedia.org.'); |
|||
error = true; |
|||
} |
|||
return !error; |
|||
} |
|||
function triggerClick(elem){ |
|||
$('#' + elem + '-container-contained').show('fast',null); |
|||
} |
|||
</script> |
|||
<form method="post" name="paypalcontribution"> |
|||
<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="referrer" value="" /> |
|||
<script type="text/javascript"> |
|||
document.paypalcontribution.utm_medium.value = getQuerystring( 'utm_medium' ); |
|||
document.paypalcontribution.utm_campaign.value = getQuerystring( 'utm_campaign' ); |
|||
document.paypalcontribution.referrer.value = document.referrer; |
|||
</script> |
|||
<input type="hidden" name="language" value="</html>{{int:lang}}<html>" /> |
|||
<input type="hidden" name="country" value="</html>{{{country}}}<html>" /> |
|||
<input type="hidden" name="returnto" value="Thank_You/</html>{{int:lang}}<html>" /> |
|||
<input type="hidden" name="email-opt" id="input_email" value="1" checked="checked" /> |
|||
<input type="hidden" name="amountGiven" value="" /> |
|||
<div id="donate-form-wrapper"> |
|||
</html>{{2012FR/Form-section/Paymentmethods/Status}}<html> |
|||
</html>{{Template:2012FR/Switch/Country |
|||
|template = 2012FR/{{{form-countryspecific}}} |
|||
|appeal = {{{appeal}}} |
|||
|language = {{int:lang}} |
|||
|country = {{{country}}} |
|||
}}<html> |
|||
<div class="dividing-line" id="form-line"></div> |
|||
<div id="donor-infobox-block"> |
|||
</html>{{2012FR/Form-section/Infobox |
|||
| infobox = 2012FR/Form-section/Infobox/Default |
|||
| appeal = {{{appeal}}} |
|||
| width = 25em |
|||
| language = {{int:lang}} |
|||
| country = {{{country}}} |
|||
}}<html> |
|||
</div> |
|||
</div> |
|||
<div id="donor-policy-block"> |
|||
</html>{{2012FR/Form-section/Privacy/Default |
|||
| language = {{int:lang}} |
|||
| country = {{{country}}} |
|||
}}<html> |
|||
</div> |
|||
<div class="donate" id="donate-links-block"> |
|||
</html>{{2012FR/Form-section/Links/Default |
|||
| language = {{int:lang}} |
|||
| country = {{{country}}} |
|||
}}<html> |
|||
</div> |
|||
</form> |
|||
<script type="text/javascript"> |
|||
( function( $ ) { |
|||
$(document).ready(function(){ |
|||
var currency = $("#input_currency_code").val(); |
|||
}) |
|||
} )( jQuery ); |
|||
</script> |
|||
</html> |
</html> |
Latest revision as of 10:20, 21 May 2024