MediaWiki:Centralnotice-template-Leichte Sprache Banner iPad
Zur Navigation springen
Zur Suche springen
<style type="text/css">MediaWiki:WMDE FR2014/Resources/DesktopBanner.css</style> <script type="text/javascript">MediaWiki:WMDE FR2014/Resources/DesktopBanner.js </script>
|
<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}}}">
<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> |
|
<img id="banner-close-ct" src="" width="0" height="0" border="0" />
<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>