User:Pcoombe/sandbox: Difference between revisions

Content deleted Content added
No edit summary
Replaced content with "{{YouTubeWithCommonsFallback | placeholder = This is the Wikimedia Foundation - thumb.jpg | youtube = OQzZI0l3IOw | commons = File:This is the Wikimedia Foundation..."
Line 1:
{{YouTubeWithCommonsFallback
{{DISPLAYTITLE:Make your donation now}}
| placeholder = This is the Wikimedia Foundation - thumb.jpg
<html>
| youtube = OQzZI0l3IOw
<div style="display: none;" id="description-for-facebook">From Wikipedia founder Jimmy Wales</div>
| commons = File:This is the Wikimedia Foundation.webm
<link rel="image_src" href="//upload.wikimedia.org/wikipedia/donate/e/eb/Wikipedia-logo-Donate2.png">
| caption = "This is the Wikimedia Foundation" by [https://commons.wikimedia.org/wiki/User:VGrigas_(WMF) Victor Grigas], licensed under [https://creativecommons.org/licenses/by-sa/3.0/legalcode CC-BY-SA 3.0]
 
| width = 640
<table id="LP-table" cellspacing="0" cellpadding="0">
<tbody><tr>
<td id="appeal-wrapper">
</html>{{2012FR/Appeal-template-default| language = en| country = NL}}<html>
</td>
 
<td id="form-wrapper">
</html>{{MediaWiki:Resources/validation.js}}<html>
<form method="post" name="paypalcontribution">
<input type="hidden" name="payment_method" value="">
<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="utm_key" value="">
<input type="hidden" name="referrer" value="">
 
<script>
$(document).ready(function() {
document.paypalcontribution.utm_medium.value = getQuerystring( 'utm_medium' );
document.paypalcontribution.utm_campaign.value = getQuerystring( 'utm_campaign' );
document.paypalcontribution.utm_key.value = getQuerystring( 'utm_key' );
document.paypalcontribution.referrer.value = document.referrer;
});
</script>
 
<input type="hidden" name="language" value="en">
<input type="hidden" name="country" value="NL">
<input type="hidden" name="returnto" value="Thank_You/en">
<input type="hidden" name="appeal" value="Sep2014Design">
 
<input type="hidden" name="amountGiven" value="">
 
<div id="donate-form-wrapper">
 
</html>
{{2012FR/Form-section/Paymentmethods/Status}}
{{2012FR/Form-section/Processing/Default
| currency = EUR
}}
<html>
<script>
function clearOther(box) {
document.getElementById("input_amount_other").checked = true;
box.value = "";
box.style.color = "#000000";
}
 
function resetOther(box) {
box.value = "Other";
}
 
function selectAmount() {
document.getElementById("input_amount_other_box").value = "";
document.getElementsByName("amountGiven")[0].value="";
}
 
$(document).ready(function(){
// hide frequency options in India, where we can only handle one-time donations
if (document.paypalcontribution.country.value === 'IN') {
$("#frequency_onetime").attr('checked', true);
$(".frequency-options").hide();
$("#cancel-monthly").hide();
}
});
</script>
 
<input type="hidden" name="currency_code" value="EUR">
<div>
<div id="radiobuttons-table-header">
select an amount
</div>
</div>
 
<div class="frequency-options cf">
<label for="frequency_onetime" class="checked">
<input type="radio" name="frequency" id="frequency_onetime" value="onetime" onclick="donationForm.toggleMonthly(false);" checked>
One-time
</label>
 
<label for="frequency_monthly">
<input type="radio" name="frequency" id="frequency_monthly" value="monthly" onclick="donationForm.toggleMonthly(true);">
Monthly*
</label>
 
</div>
 
<div id="radiobuttons-table-body">
<table id="radiobuttons-table" cellpadding="0" cellspacing="4">
<tbody>
<tr>
<td class="radiobuttons-cell input_amount_0">
<input type="radio" name="amount" id="input_amount_0" onclick="selectAmount();" value="3">
<label for="input_amount_0">€3</label>
</td>
<td class="radiobuttons-cell input_amount_1">
<input type="radio" name="amount" id="input_amount_1" onclick="selectAmount();" value="5">
<label for="input_amount_1">€5</label>
</td>
<td class="radiobuttons-cell input_amount_2">
<input type="radio" name="amount" id="input_amount_2" onclick="selectAmount();" value="10">
<label for="input_amount_2">€10</label>
</td>
<td class="radiobuttons-cell input_amount_3">
<input type="radio" name="amount" id="input_amount_3" onclick="selectAmount();" value="20">
<label for="input_amount_3">€20</label>
</td>
</tr>
<tr>
<td class="radiobuttons-cell input_amount_4">
<input type="radio" name="amount" id="input_amount_4" onclick="selectAmount();" value="30">
<label for="input_amount_4">€30</label>
</td>
<td class="radiobuttons-cell input_amount_5">
<input type="radio" name="amount" id="input_amount_5" onclick="selectAmount();" value="50">
<label for="input_amount_5">€50</label>
</td>
<td class="radiobuttons-cell input_amount_6">
<input type="radio" name="amount" id="input_amount_6" onclick="selectAmount();" value="100">
<label for="input_amount_6">€100</label>
</td>
<td class="radiobuttons-cell input_amount_other">
<input type="radio" name="amount" id="input_amount_other" value="Other">
<label for="input_amount_other">Other</label>
<fieldset>
<label>€</label>
<input type="text" id="input_amount_other_box" size="3" autocomplete="off" value="" onfocus="clearOther(this);">
</fieldset>
</td>
</tr>
</tbody>
</table>
</div>
 
<div id="paymenttype-table-header">
select a payment method
</div>
 
<div class="payment-method-div not-monthly-capable paymentmethod-ideal">
<input type="button" class="payment-method-button" value="iDEAL" onclick="donationForm.redirectPayment('rtbt', 'rtbt_ideal');">
</div>
 
<div class="payment-method-div monthly-capable paymentmethod-cc">
<input type="button" class="payment-method-button" value="Credit/Debit Card" onclick="donationForm.redirectPayment('cc');">
</div>
 
<div class="payment-method-div monthly-capable paymentmethod-pp">
<input type="button" class="payment-method-button" value="PayPal" onclick="donationForm.redirectPayment('paypal');">
</div>
 
<div class="dividing-line" id="form-line"></div>
 
<div id="donor-infobox-block">
 
<div id="infobox-wrapper">
<div id="infobox-header">Where your donation goes</div>
<div id="infobox-body">
<p><b>Technology</b>: Servers, bandwidth, maintenance, development. Wikipedia is the #5 website in the world, and it runs on a fraction of what other top websites spend.</p>
<p><b>People and Projects</b>: The other top websites have thousands of employees. We have 200 employees to support a wide variety of projects, making your donation a great investment in a highly-efficient not-for-profit organization.</p>
</div>
</div>
 
</div>
 
</div><!-- /donate-form-wrapper -->
 
</form>
 
</td>
</tr>
</tbody></table>
 
<div id="donor-policy-block">
By donating, you are sharing your information with the Wikimedia Foundation, the nonprofit organization that hosts Wikipedia and other Wikimedia projects, and its service providers in the U.S. and elsewhere pursuant to our donor privacy policy. We do not sell or trade your information to anyone. For more information please read <a target="_blank" href="//wikimediafoundation.org/wiki/Special:LandingCheck?basic=true&amp;landing_page=Donor_policy&amp;language=en">our donor policy</a>.
<div id="cancel-monthly">
<nowiki>*</nowiki>Monthly payments will be debited by the Wikimedia Foundation until you notify us to stop. We'll send you an email receipt for each payment, which will include a link to <a target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=Cancel_or_change_recurring_payments&amp;basic=true&amp;language=en">easy cancellation instructions.</a>
</div>
</div>
<div class="donate" id="donate-links-block">
<ul class="form-info-links">
<li><a id="problems-link" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=Problems_donating&amp;basic=true&amp;language=en">Problems donating?</a></li>
<li><a id="ways-to-give-link" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=Ways_to_Give&amp;basic=true&amp;language=en">Other ways to give</a></li>
<li><a id="faq-link" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=FAQ&amp;basic=true&amp;language=en">Frequently asked questions</a></li>
<li><a id="tax-link" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=Tax_Deductibility&amp;basic=true&amp;language=en">Tax deductibility information</a></li>
</ul>
</div>
 
<script>
$(document).ready(function() {
 
$(".frequency-options > label").click(function() {
$(".frequency-options > label").removeClass("checked");
$(this).addClass("checked");
});
 
$(".radiobuttons-cell label, .input_amount_other").click(function() {
$(".radiobuttons-cell label").removeClass("checked");
$(".input_amount_other").removeClass("checked");
$(this).addClass("checked");
});
$(".input_amount_other").click(function() {
$("#radiobuttons-table > td").each(function() {
$(this).checked = false;
});
$(".input_amount_other").addClass("checked");
$("#input_amount_other_box").focus();
});
});
</script>
</html>
{{MediaWiki:Resources/landingpage.css}}
{{MediaWiki:Resources/landingpage.js}}
{{MediaWiki:Resources/landingpage-responsive}}
 
{{MediaWiki:Resources/TrilogySep2014.css}}
<html>
<style>
/* Fallback for IE8 and below */
.radiobuttons-cell label.checked,
.input_amount_other.checked {
background: red !important;
}
</style>
</html>