Änderungen

Wechseln zu: Navigation, Suche

MediaWiki:Centralnotice-template-Leichte Sprache Banner Apple

3.946 Bytes hinzugefügt, 11:35, 11. Sep. 2018
keine Bearbeitungszusammenfassung
<br>
<br>
<html> <head> <styletype="text/css"> #centralNotice.collapsed #{{{bannerMediaWiki:WMDE_FR2014/Resources/DesktopBanner.css}}}{</style> display: none; } div#{{<script type="text/javascript">{banner}}} { backgroundMediaWiki: transparent;WMDE_FR2014/Resources/DesktopBanner.js display: none;| donations-date-base = 2014-11-26 font| donations-family: Arial, Helvetica, Verdana, sanscollected-serif;base = 2850000 left: 0;| donators-base = 120000 position: fixed;| appr-donations-per-minute = 104 top: 0; width: 100%; z| appr-donators-per-index: 9999;minute = 5.5 }} #{{{banner}}}-form-wrapper {</script>  background: #eef0fc; <div id="WMDE_FR2014_Banner"><div style="box-shadow: 0 3px 0 5px rgba(0, 0, 0, 0.5);"> padding: 4px 8px; } #{{{banner}}}<table id="WMDE_FR2014_Banner-form { facts" style="height: 100%; } #{{{banner}}}"><!--form table { border: none; borderheight must be defined for height 100% to work on elements within it --collapse: collapse;> width: 100%; <tr> <td><table style="height: 100%; } #{{{banner}}}-form "><tr><td { font-size: 12px; font-weight: bold; min-width: 55px; white-space: nowrap; margin: 0; vertical-align: middle; padding: 2px; } #{{{banner}}}-form span label { margin-left: 2px; } #{{{banner}}}-form .amount-options { valign="top" style="height: 201%;"> } # <p>{{{banner}}}-form .paymentmethod-options td { text-align: center; padding: 4px 4px 8px 4px; } #{{{banner}}}-form button {</p> cursor: pointer; </td></tr> display: inline-block; <tr><td> font-weight: bold; <div style="width: 110pxinherit; bordermargin: 3px double #ddd0 10px 0 35px;"> border-radius: 8px; <div id="donationMeterWrapper"> background: #ffffff; /* Old browsers * <div id="donationMeter"></div> background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ <div id="donationFill"> background: -webkit-gradient(linear, left top, left bottom, color-stop( <div id="donationText"><span id="donationValue">0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); </* Chrome10+,Safari5span> Mio.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%)&euro; </* Opera 11.10+ */div> background <div id="daysLeft" style="display: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); none">Nur noch <span id="numDaysLeft">40 Tage</* IE10+ *span></div> background: linear-gradient(to bottom, #ffffff 0%,rgb(240, 240, 240) 100%); box-shadow: 0 1px 1px #ddd; margin: 0 1px; } #{{{banner}}}-form button:hover { color: #0645ad; } <div#{{{banner}}} #{{{banner}}}-facts {id="pbarTip"> background: #ffcc00 url( <img src="//upload.wikimedia.org/wikipedia/donatecommons/c8/c089/InformationPbar-tip-iconsmall.png) no-repeat 10px 8px"> </div> </div> <div id="donationRemaining">es fehlen <span id="valRem">6,1</span> Mio. &euro;</div> min-height: 65px; <div id="donationMessage"></div> padding: 0; </div> position: relative; </div> width: 100%; </td></tr> border: none; <tr> border-collapse <td style="height: collapse1%;"> } <div id="WMDE_FR2014_Banner_info"> <div#{{{banner}}} #{{{banner}}}id="WMDE_FR2014_Banner_text"> <span class="binfo-facts p {ucase">Spendenkonto</span> color: #000; <span>Wikimedia Foerdergesellschaft</span> font-size: 13px; <span>BIC</span> font <span class="binfo-weight: bold;">BFSWDE33BER</span> <span>IBAN</span> line <span class="binfo-height: 16px; bold" style="margin-right: 0;">DE33 1002 0500 0001 1947 00</span> </div> padding: 10px 10px 10px 40px; </div> text-align: justify; </td> } </tr></table></td>
div# <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={{{bannerCampaignName}}} p#&piwik_kwd={{{bannerBannerName}}}"> <table> <tr class="frequency-legal {options"> <td colspan="2"> font <input type="radio" checked="checked" class="amount-radio" id="interval_onetime" onclick="$('.interval-options').addClass('interval-family: Arialhidden');$('#interval_multiple').attr('checked', Helveticafalse);" /> <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', Verdana, sansfalse);" /> <label for="interval_multiple" class="interval-seriflabel">regelm&auml;&szlig;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" /> position: relative; <label for="interval6" class="interval-label">halbjährlich</label> margin: 0; </td> padding: 10px 40px 10px 40px; <td colspan="2"> font <input type="radio" name="interval" class="amount-size: 13px;radio" id="interval12" value="12" /> line <label for="interval12" class="interval-label">jährlich</label> </td> </tr> <tr> <td colspan="4" style="height: 16px1px;"><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> font </td> <td> <input type="radio" class="amount-weight: normalradio" 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> z <td colspan="2" style="text-indexalign: -10left"> <button class="send" onclick="$$('#zahlweise').val('BEZ');">Lastschrift</button> </td> background <td colspan="2" style="text-align: right"> <button class="send" onclick="$('#ffcc00zahlweise').val('UEB');">Überweisung</button><br /> </td> </tr> top <tr> <td colspan="2" style="text-align: -100pxleft"> <button class="send" onclick="$('#zahlweise').val('MCP');">Kreditkarte</button> </td> <td colspan="2" style="text-align: centerright"> <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>
#{{{banner}}} <td id="WMDE_FR2014_Banner-close-wrapper {"> width: 20px <span id="WMDE_FR2014_Banner-close">&nbsp;</span> } </td>
div#{{{banner}}} span#{{{banner}}}-close { background: url(//upload.wikimedia.org/wikipedia/donate/2/27/Small-white-close.png) no-repeat center center; background-color: black; cursor: pointer; display: block; height: 21px; position: absolute; right: 0px; top: 0px; width: 21px; } div#{{{banner}}} #{{{banner}}}-facts p b { background: yellow; color: black; padding: 1px 0.5em; } .interval-hidden { display: none; } div#{{{banner}}} span.btext-highlight { background: yellow; color: black; padding: 1px 0.5em; }</style> </head> <body> <div id="{{{banner}}}"> <div style="box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);"> <table id="{{{banner}}}-facts" style="height: 100%;"> <!-- table height must be defined for height 100% to work on elements within it --> <tbody> <tr> <td> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> </td> <td id="{{{banner}}}-form-wrapper"> <table style="width: 350px; height: 219px;"> <tbody> <tr> <td colspan="4" style="text-align: center"> <input name="cmd" value="_s-xclick" type="hidden"> <input name="hosted_button_id" value="PJZZZMESJX5Z2" type="hidden"> <input src="https://www.paypalobjects.com/de_DE/DE/i/btn/btn_donate_LG.gif" name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal." type="image" border="0"> <img alt="" src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" width="1" height="1" border="0"> </td> </tr> </tbody> </table> </td> <td id="{{{banner}}}-close-wrapper"> <span id="{{{banner}}}-close">&nbsp;</span> </td> </tr> </tbody> </table> </div> <p id="{{{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> </div> <script type="text/javascript">$( document ).ready( function() { $('body').prepend($('#centralNotice'));
var impCount <!--p id= increaseImpCount()"WMDE_FR2014_Banner-legal"> <strong style="color: #0078FF; $(">Spendenkonto:</strong> Wikimedia Fördergesellschaft - Kontonummer <strong style="color: #0078FF">1194700</strong> - Bankleitzahl <strong style="color: #impCount0078FF").val(impCount);>10020500</strong> - BIC BFSWDE33BER - IBAN DE33 1002 0500 0001 1947 00 </p--> var bannerImpCount <img id="banner-close-ct" src="" width="0" height="0" border= increaseBannerImpCount(); $("#bImpCount0").val(bannerImpCount);/>
setTimeout( addBannerSpace, 15000 ); if(wgUserName !== null) $('#wikilogin').val('yes'); $(window).resize(function() { <//addBannerSpace(); });div>
<script type="text/javascript"> $( ".send" document ).clickready( function( e ) { return validateForm $('body').prepend($('#centralNotice'); });
var impCount = increaseImpCount(); $('"#impCount").val(impCount); var bannerImpCount = increaseBannerImpCount( "{{{banner}}}-close'" ).click(function() {; hideBanner $("#bImpCount"); removeBannerSpace.val(); return false; }bannerImpCount);
if ( wgAction === "view" ) { setTimeout( addBannerSpace, 7500 ); } if(wgUserName !== null) $('#wikilogin').val('yes'); $(window).resize(function() { animateProgressBar(); });  $( ".send" ).click( function( e ) {{banner}} return validateForm(); });  $('#WMDE_FR2014_Banner-close').mouseenterclick(function() { if( Math.random() < 0.01 ) { $('p#banner-close-ct' ).attr( 'src', 'https://spenden.wikimedia.de/piwik/piwik.php?idsite=1&url=https://spenden.wikimedia.de/banner-closed/{{{bannerBannerName}}}-legal&rec=1'); } hideBanner(); removeBannerSpace(); return false; });  $("span#numDaysLeft").clearQueuetext(getDaysRemaining() ); $("span#weekday").animatetext( getCurrentGermanDay({) ); top: '0px' $("span#donorsValue").html( addPointsToNum( Math.floor (getApprDonatorsRaw() ) ) );
});
});
$('#{{{banner}}}').mouseleave(function() {
$('p#{{{banner}}}-legal').animate({
top: '-100px'
});
});
});
function addBannerSpaceanimateProgressBar() { var expandableBannerHeight donationFillElement = $('div#{{{banner}}}').height() + 44 + $('div"#{{{banner}}}-legal').height(donationFill" ); switch(skin) { case 'vector': $('#{{{banner}}}').css( 'top', var preFillValue = 0 - expandableBannerHeight ); $('#mw-panel') donationFillElement.animateclearQueue({top: expandableBannerHeight + 160}, 1000); $('#mw-head') donationFillElement.animatestop({top: expandableBannerHeight}, 1000); $('#mw-page-base') donationFillElement.animatewidth({paddingTop: expandableBannerHeight}, 1000preFillValue + "px" ); break; case 'monobook': $('#globalWrapperdaysLeft').csshide('position', 'relative'); var barWidth = $('#globalWrapperdonationMeter').csswidth('top', expandableBannerHeight); $ var dTarget = parseInt('#"{{{bannerdonation-target}}}'" ).css; var dCollected = getApprDonationsRaw('top', '-20px'); $('#{{{banner}}}').css('background', 'none') var dRemaining = dTarget - dCollected; break var widthToFill = dCollected / dTarget * barWidth; } $('#{{{banner}}}').css('display', 'block') widthToFill += preFillValue; $('#{{{banner}}}') donationFillElement.animate({topwidth: 0widthToFill + 'px' }, 1000);{} duration: 2500, progress: function removeBannerSpace() { switch var dFill = donationFillElement.width(skin) { case 'vector': $('#mw-panel').css('top', 160)preFillValue; $('#mw-head').css('top', 0) var pFill = dFill / barWidth; $('#mw-page-base').css('padding-top', 0); break var dColl = dTarget * pFill / 1000000; case 'monobook': $ var vRem = ('#globalWrapper').cssdTarget - ('position', 'relative'dTarget * pFill ); $('#globalWrapper').css('top', 0)/ 1000000; break; }}
function increaseImpCount() { impCount dColl = parseInt($dColl.cookietoFixed('centralnotice_banner_impression_count'1 )) | 0; $ dColl = dColl.cookiereplace('centralnotice_banner_impression_count', impCount + 1".", { expires: 7", path: '/' }" ); return impCount + 1;}
function increaseBannerImpCount vRem = vRem.toFixed(1 ) {; var impCount vRem = 0vRem.replace( ".", "," );
if $( "#donationValue" ).html(dColl ); $( "#valRem" ).cookiehtml('centralnotice_single_banner_impression_count'vRem ); }, complete: function () { var impCountCookie = $.cookie('centralnotice_single_banner_impression_countdiv#daysLeft'); var bannerImpCount = impCountCookie.splitshow("|"); if(bannerImpCount[0] === '{{{banner } }}') { impCount = parseInt(bannerImpCount[1]);
}
}
$.cookie('centralnotice_single_banner_impression_count', '{{{banner}}}|' + (impCount + 1), { expires: 7, path: '/' });
return (impCount + 1);
}
function validateFormaddBannerSpace() { var chkdPayment expandableBannerHeight = $( 'input[name=pay]:checked', 'div#{{{banner}}}-formWMDE_FR2014_Banner' ).valheight()+ 44; var bannerDivElement = $( '#WMDE_FR2014_Banner' );  switch( chkdPayment skin ) { case "BEZ"'vector': bannerDivElement.css( 'top', 0 - expandableBannerHeight ); $( '#formmw-pagepanel' ).valanimate( 'Formularseite2-Lastschrift' { top: expandableBannerHeight + 160 }, 1000 ); break; case "UEB": $( '#formmw-pagehead' ).valanimate( 'Formularseite2-Überweisung' { top: expandableBannerHeight }, 1000 ); break; case "PPL": $( '#formmw-page-base' ).valanimate( 'Formularseite2-PayPal' { paddingTop: expandableBannerHeight }, 1000 ); break; case "MCP"'monobook': $( '#form-pageglobalWrapper' ).valcss( 'Formularseite2-Micropaymentposition', 'relative' ); break; } var form = document.donationForm; var error = false; if( $('#interval_multipleglobalWrapper').attrcss('checkedtop', expandableBannerHeight ) === ; bannerDivElement.css( 'top', 'checked-20px') {; if($ bannerDivElement.css('input[name=interval]:checkedbackground', form).length !== 1) { alert("Es wurde kein Zahlungsintervall ausgewählt."'none' ); return false break; } else { $ bannerDivElement.css('#periodedisplay', 'block'); bannerDivElement.valanimate($('input[name=interval]{ top:checked'0 }, form1000 ).val; setTimeout()animateProgressBar, 1000 );
}
} else {
$('#periode').val("0");
}
// Get amount selection function removeBannerSpace() { var amount = null switch(skin) { case 'vector': $('#mw-panel').css('top', 160); for $( var i = '#mw-head').css('top', 0); i < form $('#mw-page-base').betrag.lengthcss('padding-top', 0); break; i++ ) { if case 'monobook': $( form'#globalWrapper').betrag[i].checked css('position', 'relative') {; amount = form $('#globalWrapper').betrag[i].valuecss('top', 0); break; }
}
}
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;
$('#input_amount_other').val( otherAmount );
}
// Check amount is a real number
error = ( amount == null || isNaN( amount ) || amount.value <= 0 );
// Check amount is at least the minimum
if ( amount < 1 || error ) {
alert( 'Der Mindestbetrag beträgt 1 Euro.');
return false;
} else if ( amount > 99999 ) {
alert( 'Der Spendenbetrag ist zu hoch.' );
return false;
}
return !error;
}
</script>
</body>
</html>
5.560
Bearbeitungen

Navigationsmenü