5.676
Bearbeitungen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
<style type="text/css">{{MediaWiki: | <style type="text/css">{{MediaWiki:WMDE_FR2014/Resources/DesktopBanner.css}}</style> | ||
<script type="text/javascript">{{MediaWiki:WMDE_FR2014/Resources/DesktopBanner.js | |||
<script type="text/javascript">{{MediaWiki: | | donations-date-base = 2014-11-26 | ||
| donations-collected-base = 2850000 | |||
| donations-date-base = | | donators-base = 120000 | ||
| donations-collected-base = | | appr-donations-per-minute = 104 | ||
| donators-base = | | appr-donators-per-minute = 5.5 | ||
| appr-donations-per-minute = | |||
| appr-donators-per-minute = | |||
}} | }} | ||
</script> | </script> | ||
<div id="WMDE_FR2014_Banner"><div style="box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);"> | |||
<table id="WMDE_FR2014_Banner-facts" style="height: 100%;"><!-- table height must be defined for height 100% to work on elements within it --> | |||
<div id=" | |||
< | |||
<tr> | <tr> | ||
<td><table style="height: 100%"><tr><td valign="top" style="height: 1%"> | |||
<p>{{{banner-text}}}</p> | |||
</td></tr> | |||
<tr><td> | |||
<div style="width: inherit; margin: 0 10px 0 35px;"> | |||
<div id="donationMeterWrapper"> | |||
<div id="donationMeter"></div> | |||
<div id="donationFill"> | |||
< | <div id="donationText"><span id="donationValue">0,0</span> Mio. €</div> | ||
<div id="daysLeft" style="display: none">Nur noch <span id="numDaysLeft">40 Tage</span></div> | |||
<div id="pbarTip"> | |||
<img src="//upload.wikimedia.org/wikipedia/commons/8/89/Pbar-tip-small.png"> | |||
</div> | |||
</div> | |||
<div id="donationRemaining">es fehlen <span id="valRem">6,1</span> Mio. €</div> | |||
<div id="donationMessage"></div> | |||
</div> | |||
</div> | </div> | ||
</td></tr> | |||
<tr> | |||
<td style="height: 1%;"> | |||
</td> | <div id="WMDE_FR2014_Banner_info"> | ||
<div id="WMDE_FR2014_Banner_text"> | |||
<span class="binfo-ucase">Spendenkonto</span> | |||
<span>Wikimedia Foerdergesellschaft</span> | |||
<span>BIC</span> | |||
<span class="binfo-bold">BFSWDE33BER</span> | |||
<span>IBAN</span> | |||
<span class="binfo-bold" style="margin-right: 0;">DE33 1002 0500 0001 1947 00</span> | |||
</div> | |||
</div> | |||
</td> | |||
</tr></table></td> | |||
<td id="WMDE_FR2014_Banner-form-wrapper"> | |||
<form id="WMDE_FR2014_Banner-form" method="post" name="donationForm" action="https://spenden.wikimedia.de/spenden/?page={{{landing-page}}}&skin={{{page-skin}}}&piwik_campaign={{{CampaignName}}}&piwik_kwd={{{BannerName}}}"> | |||
<table> | |||
<tr class="frequency-options"> | |||
<td colspan="2"> | |||
<input type="radio" checked="checked" class="amount-radio" id="interval_onetime" onclick="$('.interval-options').addClass('interval-hidden');$('#interval_multiple').attr('checked', false);" /> | |||
<label for="interval_onetime" class="interval-label">einmalig</label> | |||
</td> | |||
<td colspan="2"> | |||
<input type="radio" class="amount-radio" id="interval_multiple" onclick="$('.interval-options').removeClass('interval-hidden');$('#interval_onetime').attr('checked', false);" /> | |||
<label for="interval_multiple" class="interval-label">regelmäßig</label> | |||
</td> | |||
</tr> | |||
<tr class="interval-options interval-hidden"> | |||
<td colspan="2"> | |||
<input type="radio" name="interval" class="amount-radio" id="interval1" value="1" /> | |||
<label for="interval1" class="interval-label">monatlich</label> | |||
</td> | |||
<td colspan="2"> | |||
<input type="radio" name="interval" class="amount-radio" id="interval3" value="3" /> | |||
<label for="interval3" class="interval-label">vierteljährlich</label><br /> | |||
</td> | |||
</tr> | |||
<tr class="interval-options interval-hidden"> | |||
<td colspan="2"> | |||
<input type="radio" name="interval" class="amount-radio" id="interval6" value="6" /> | |||
<label for="interval6" class="interval-label">halbjährlich</label> | |||
</td> | |||
<td colspan="2"> | |||
<input type="radio" name="interval" class="amount-radio" id="interval12" value="12" /> | |||
<label for="interval12" class="interval-label">jährlich</label> | |||
</td> | |||
</tr> | |||
<tr> | |||
<td colspan="4" style="height: 1px;"><hr /></td> | |||
</tr> | |||
<tr class="amount-options"> | |||
<td> | |||
<input type="radio" class="amount-radio" name="betrag_auswahl" onclick="document.donationForm.amountGiven.value = ''" id="amount5" value="5" /> | |||
<label class="amount-label" for="amount5">5 €</label> | |||
</ | </td> | ||
<td> | |||
<input type="radio" class="amount-radio" name="betrag_auswahl" onclick="document.donationForm.amountGiven.value = ''" id="amount15" value="15" /> | |||
<label class="amount-label" for="amount15">15 €</label> | |||
</ | </td> | ||
<td> | |||
<input type="radio" class="amount-radio" name="betrag_auswahl" onclick="document.donationForm.amountGiven.value = ''" id="amount25" value="25" /> | |||
<label class="amount-label" for="amount25">25 €</label> | |||
</td> | |||
<td> | |||
<input type="radio" class="amount-radio" name="betrag_auswahl" onclick="document.donationForm.amountGiven.value = ''" id="amount50" value="50" /> | |||
<label class="amount-label" for="amount50">50 €</label><br /> | |||
</td> | |||
</tr> | |||
<tr class="amount-options"> | |||
<td> | |||
<input type="radio" class="amount-radio" name="betrag_auswahl" onclick="document.donationForm.amountGiven.value = ''" id="amount75" value="75" /> | |||
<label class="amount-label" for="amount75">75 €</label> | |||
</td> | |||
<td> | |||
<input type="radio" class="amount-radio" name="betrag_auswahl" onclick="document.donationForm.amountGiven.value = ''" id="amount100" value="100" /> | |||
<label class="amount-label" for="amount100">100 €</label> | |||
</td> | |||
<td> | |||
<input type="radio" class="amount-radio" name="betrag_auswahl" onclick="document.donationForm.amountGiven.value = ''" id="amount250" value="250" /> | |||
<label class="amount-label" for="amount250">250 €</label> | |||
</td> | |||
<td> | |||
<input type="radio" class="amount-radio" name="betrag" id="amount_other" value="" /> | |||
<input type="tel" id="amount-other-input" onfocus="$('#amount_other').attr('checked', 'checked');" autocomplete="off" size="3" name="amountGiven" /><br /> | |||
</tr> | |||
<tr> | |||
<td colspan="2" style="text-align: left"> | |||
<button class="send" onclick="$$('#zahlweise').val('BEZ');">Lastschrift</button> | |||
</td> | |||
<td colspan="2" style="text-align: right"> | |||
<button class="send" onclick="$('#zahlweise').val('UEB');">Überweisung</button><br /> | |||
</td> | |||
</tr> | |||
<tr> | |||
<td colspan="2" style="text-align: left"> | |||
<button class="send" onclick="$('#zahlweise').val('MCP');">Kreditkarte</button> | |||
</td> | |||
<td colspan="2" style="text-align: right"> | |||
<button id="btn-ppl" class="send" onclick="$('#zahlweise').val('PPL');">PayPal</button> | |||
</td> | |||
</tr> | |||
</table> | |||
<input type="hidden" name="periode" id="periode" value="" /> | |||
<input type="hidden" name="intervalType" id="intervalType" value="0" /> | |||
<input type="hidden" id="form-page" name="form" value="{{{form-name}}}" /> | |||
<input type="hidden" id="wikilogin" name="wikilogin" value="no" /> | |||
<input type="hidden" id="impCount" name="impCount" value="" /> | |||
<input type="hidden" id="bImpCount" name="bImpCount" value="" /> | |||
<input type="hidden" id="zahlweise" name="zahlweise" value="" /> | |||
</form> | |||
</td> | |||
< | <td id="WMDE_FR2014_Banner-close-wrapper"> | ||
<span id="WMDE_FR2014_Banner-close"> </span> | |||
< | </td> | ||
</tr> | |||
</table></div> | |||
<!--p id="WMDE_FR2014_Banner-legal"> | |||
<strong style="color: #0078FF;">Spendenkonto:</strong> Wikimedia Fördergesellschaft - Kontonummer <strong style="color: #0078FF">1194700</strong> - Bankleitzahl <strong style="color: #0078FF">10020500</strong> - BIC BFSWDE33BER - IBAN DE33 1002 0500 0001 1947 00 | |||
</p--> | |||
<img id="banner-close-ct" src="" width="0" height="0" border="0" /> | |||
</div> | </div> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$( document ).ready( function() { | |||
$('body').prepend($('#centralNotice')); | |||
var impCount = increaseImpCount(); | |||
$("#impCount").val(impCount); | |||
var bannerImpCount = increaseBannerImpCount( "{{{banner}}}" ); | |||
$("#bImpCount").val(bannerImpCount); | |||
if ( wgAction === "view" ) { | |||
setTimeout( addBannerSpace, 7500 ); | |||
} | |||
if(wgUserName !== null) $('#wikilogin').val('yes'); | |||
$(window).resize(function() { | |||
animateProgressBar(); | |||
}); | |||
$( ".send" ).click( function( e ) { | |||
return validateForm(); | |||
}); | |||
$('#WMDE_FR2014_Banner-close').click(function() { | |||
if( Math.random() < 0.01 ) { | |||
$( '#banner-close-ct' ).attr( 'src', 'https://spenden.wikimedia.de/piwik/piwik.php?idsite=1&url=https://spenden.wikimedia.de/banner-closed/{{{BannerName}}}&rec=1' ); | |||
} | |||
hideBanner(); | |||
removeBannerSpace(); | |||
return false; | |||
}); | |||
$("span#numDaysLeft").text( getDaysRemaining() ); | |||
$("span#weekday").text( getCurrentGermanDay() ); | |||
$("span#donorsValue").html( addPointsToNum( Math.floor (getApprDonatorsRaw() ) ) ); | |||
}); | |||
function animateProgressBar() { | |||
var donationFillElement = $( "#donationFill" ); | |||
var preFillValue = 0; | |||
donationFillElement.clearQueue(); | |||
donationFillElement.stop(); | |||
donationFillElement.width( preFillValue + "px" ); | |||
$( '#daysLeft' ).hide(); | |||
var barWidth = $( '#donationMeter' ).width(); | |||
var dTarget = parseInt( "{{{donation-target}}}" ); | |||
var dCollected = getApprDonationsRaw(); | |||
var dRemaining = dTarget - dCollected; | |||
var widthToFill = dCollected / dTarget * barWidth; | |||
widthToFill += preFillValue; | |||
donationFillElement.animate( { width: widthToFill + 'px' }, { | |||
duration: 2500, | |||
progress: function () { | |||
var dFill = donationFillElement.width() - preFillValue; | |||
var pFill = dFill / barWidth; | |||
var dColl = dTarget * pFill / 1000000; | |||
var vRem = ( dTarget - ( dTarget * pFill ) ) / 1000000; | |||
dColl = dColl.toFixed( 1 ); | |||
dColl = dColl.replace( ".", "," ); | |||
vRem = vRem.toFixed( 1 ); | |||
vRem = vRem.replace( ".", "," ); | |||
$( "#donationValue" ).html( dColl ); | |||
$( "#valRem" ).html( vRem ); | |||
}, | |||
complete: function () { | |||
$( 'div#daysLeft' ).show(); | |||
} | |||
} ); | |||
} | } | ||
function addBannerSpace() { | |||
var expandableBannerHeight = $( 'div#WMDE_FR2014_Banner' ).height() + 44; | |||
var bannerDivElement = $( '#WMDE_FR2014_Banner' ); | |||
switch ( skin ) { | |||
case 'vector': | |||
bannerDivElement.css( 'top', 0 - expandableBannerHeight ); | |||
$( '#mw-panel' ).animate( { top: expandableBannerHeight + 160 }, 1000 ); | |||
$( '#mw-head' ).animate( { top: expandableBannerHeight }, 1000 ); | |||
$( '#mw-page-base' ).animate( { paddingTop: expandableBannerHeight }, 1000 ); | |||
break; | |||
case 'monobook': | |||
$( '#globalWrapper' ).css( 'position', 'relative' ); | |||
$( '#globalWrapper' ).css( 'top', expandableBannerHeight ); | |||
bannerDivElement.css( 'top', '-20px' ); | |||
bannerDivElement.css( 'background', 'none' ); | |||
break; | |||
} | |||
bannerDivElement.css( 'display', 'block' ); | |||
bannerDivElement.animate( { top: 0 }, 1000 ); | |||
setTimeout( animateProgressBar, 1000 ); | |||
} | } | ||
$( ' | function removeBannerSpace() { | ||
switch(skin) { | |||
case 'vector': | |||
$('#mw-panel').css('top', 160); | |||
$('#mw-head').css('top', 0); | |||
$('#mw-page-base').css('padding-top', 0); | |||
break; | |||
case 'monobook': | |||
$('#globalWrapper').css('position', 'relative'); | |||
$('#globalWrapper').css('top', 0); | |||
break; | |||
} | |||
} | } | ||
</script> | </script> |