MediaWiki:Centralnotice-template-Leichte Sprache Banner iPad: Unterschied zwischen den Versionen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 5: | Zeile 5: | ||
----------<style> | ----------<style type="text/css"> | ||
#centralNotice.collapsed #{{{banner}}}{ | #centralNotice.collapsed #{{{banner}}}{ | ||
display: none; | display: none; | ||
Zeile 13: | Zeile 13: | ||
display: none; | display: none; | ||
font-family: Arial, Helvetica, Verdana, sans-serif; | font-family: Arial, Helvetica, Verdana, sans-serif; | ||
overflow: hidden; | |||
position: fixed; | |||
left: 0; | left: 0; | ||
top: 0; | top: 0; | ||
width: 100%; | width: 100%; | ||
z-index: 9999; | z-index: 9999; | ||
} | } | ||
#{{{banner}}}- | div#{{{banner}}} div#{{{banner}}}-facts { | ||
background: # | cursor: pointer; | ||
padding: 3px 0; | |||
position: relative; | |||
text-align: center; | |||
} | |||
div.{{{banner}}}-facts-bg { | |||
background: #FFCC00 url(//upload.wikimedia.org/wikipedia/donate/c/c0/Information-icon.png) no-repeat 10px 16px; | |||
} | |||
div#{{{banner}}} div#{{{banner}}}-facts p { | |||
text-align: center; | |||
padding: 2px 5px; | |||
margin: 0; | |||
color: #000; | |||
font-size: 18px; | |||
font-weight: bold; | |||
line-height: 20pt; | |||
display: inline-block; | |||
} | } | ||
#{{{banner}}}- | div#{{{banner}}} div#{{{banner}}}-facts p span.{{{banner}}}-highlight { | ||
background-color: yellow; | |||
padding: 5px; | |||
} | } | ||
#{{{banner}}}- | div#{{{banner}}} div#{{{banner}}}-facts p img { | ||
margin-right: 40px; | |||
} | } | ||
#{{{banner}}}- | div#{{{banner}}} span#{{{banner}}}-tab { | ||
background: #FFCC00 url(//upload.wikimedia.org/wikipedia/foundation/d/d4/Expandable-toggle.png) no-repeat; | |||
background-position: 423px -31px; | |||
border: 1px solid #a7a7a7; | |||
border-top: none; | |||
border-radius: 0 0 5px 5px; | |||
color: #000; | |||
cursor: pointer; | |||
display: block; | |||
font-size: 12px; | font-size: 12px; | ||
font-weight: bold; | font-weight: bold; | ||
height: 25px; | |||
line-height: 25px; | |||
margin: 0 auto; | |||
position: relative; | |||
text-align: center; | |||
width: 446px; | |||
z-index: 100; | |||
-moz-border-radius: 0 0 5px 5px; | |||
-webkit-border-radius: 0 0 5px 5px; | |||
} | |||
div#{{{banner}}} span#{{{banner}}}-tab.close { | |||
background-position: 423px 4px; | |||
} | } | ||
#{{{banner}}}- | div#{{{banner}}} span#{{{banner}}}-close { | ||
background: url(//upload.wikimedia.org/wikipedia/donate/2/27/Small-white-close.png) no-repeat center center black; | |||
cursor: pointer; | |||
display: block; | |||
height: 21px; | |||
position: absolute; | |||
text-indent: -9999px; | |||
right: 0; | |||
top: 0; | |||
width: 21px; | |||
} | } | ||
#{{{banner}}}- | div#{{{banner}}} div#{{{banner}}}-landing { | ||
background: #fff; | |||
border-bottom: 10px solid #FFCC00; | |||
display: none; | |||
font-family: Arial, Helvetica, Verdana, sans-serif; | |||
padding: 30px 0 40px 0; | |||
width: 100%; | |||
} | } | ||
#{{{banner}}}- | div#{{{banner}}} div#{{{banner}}}-landing:after { | ||
clear: both; | |||
content: ''; | |||
display: block; | |||
height: 0; | |||
visibility: hidden; | |||
} | } | ||
#{{{banner}}}- | div#{{{banner}}} div#{{{banner}}}-landing span.landing-close { | ||
color: #3f3f3f; | |||
cursor: pointer; | cursor: pointer; | ||
font-size: 12px; | |||
font- | position: absolute; | ||
right: 10px; | |||
top: 10px; | |||
} | } | ||
#{{{banner}}}- | div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-left { | ||
float: left; | |||
font-size: 13px; | |||
line-height: 18px; | |||
margin: 0 2%; | |||
padding: 0; | |||
width: 56%; | |||
} | } | ||
div#{{{banner}}} #{{{banner}}}- | div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-left h3 { | ||
border-bottom: 1px solid #000; | |||
font-size: 20px; | |||
font-weight: bold; | |||
line-height: 22px; | |||
margin: 0 0 10px 0; | |||
padding: 0 0 10px 0; | |||
} | } | ||
div#{{{banner}}} #{{{banner}}}- | div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right { | ||
background: #CCE7CD; | |||
border: 1px solid #a3bfb1; | |||
border-radius: 10px; | |||
float: right; | |||
font-size: 13px; | font-size: 13px; | ||
line-height: 18px; | |||
margin: 0 2% 0 0; | |||
padding: 2%; | |||
text-align: left; | |||
width: 33%; | |||
-moz-border-radius: 10px; | |||
-webkit-border-radius: 10px; | |||
} | |||
div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right h4 { | |||
font-size: 20px; | |||
font-weight: bold; | font-weight: bold; | ||
line-height: | line-height: 22px; | ||
margin: -20px 0 0; | |||
} | |||
div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right p { | |||
margin: 0 0 5px 0; | |||
} | |||
div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right p span { | |||
font-size: 10px; | |||
line-height: 12px; | |||
} | |||
div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right span { | |||
font-size: 0.8em; | |||
line-height: 0.8em; | |||
} | |||
div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right ul { | |||
margin: 0; | margin: 0; | ||
padding: 10px | padding-top: 2px; | ||
} | |||
div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right ul li { | |||
display: inline-block; | |||
font-size: 10px; | |||
line-height: 14px; | |||
} | } | ||
div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right form span { | |||
div#{{{banner}}} | white-space: nowrap; | ||
} | } | ||
div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right form label { | |||
#{{{banner}}}- | /* font-weight: bold; */ | ||
margin: 0 10px 0 3px; | |||
} | } | ||
div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right form button { | |||
div#{{{banner}}} | |||
cursor: pointer; | cursor: pointer; | ||
margin: 10px 5px 0 5px; | |||
display: block; | display: block; | ||
} | } | ||
div#{{{banner}}} #{{{banner}}}-facts p b { | div#{{{banner}}} div#{{{banner}}}-facts p b { | ||
color: black; | color: black; | ||
} | } | ||
. | div#{{{banner}}}:hover div#{{{banner}}}-facts p b { | ||
display: | text-decoration: none; | ||
} | |||
label.lblInterval { | |||
display: inline-block; | |||
width: 70px; | |||
font-size: 1.2em; | |||
} | |||
label.lblAmount { | |||
display: inline-block; | |||
width: 40px; | |||
font-size: 1.2em; | |||
} | |||
#donationMeterWrapper { | |||
position: relative; | |||
width: 800px; | |||
margin: 0 auto 16px auto; | |||
} | |||
#donationMeter { | |||
margin: 0 auto; | |||
width: 800px; | |||
height: 32px; | |||
background: #FF6C00; | |||
border-radius: 8px; | |||
border: 2px solid #FF6C00; | |||
} | |||
#donationFill { | |||
position: absolute; | |||
top: 2px; | |||
left: 2px; | |||
width: 90px; | |||
height: 32px; | |||
background: #FFFFFF; | |||
border-radius: 5px; | |||
} | |||
#donationText { | |||
position: absolute; | |||
height: 100%; | |||
width: 100%; | |||
text-align: right; | |||
margin: 8px -16px; | |||
font-size: 14px; | |||
font-weight: bold; | |||
color: #B2B2B2; | |||
overflow: hidden; | |||
} | } | ||
#donationRemaining { | |||
position: absolute; | |||
color: | top: 9px; | ||
right: 10px; | |||
font-size: 16px; | |||
color: white; | |||
font-weight: bold; | |||
} | } | ||
</style> | </style> | ||
<div id="{{{banner}}}" | <div id="{{{banner}}}" class="sticky"> | ||
< | <div id="{{{banner}}}-facts" class="{{{banner}}}-facts-bg"> | ||
< | <p style="margin: 8px 16px; text-align: left"> | ||
< | <span class="{{{banner}}}-highlight">Nur noch 12 Tage:</span><br /> | ||
<span style="padding-left: 5px;">Wenn jeder Leser 5 Euro spenden würde, wäre unsere Spendenkampagne in einer Stunde vorüber.</span> | |||
</p> | |||
<div style="width: 100%;"> | |||
< | <div id="donationMeterWrapper"> | ||
<div id="donationMeter"></div> | |||
<div id="donationFill"> | |||
<div id="donationText" class="textShadow"><span id="donationValue">0,0</span> Mio. €</div> | |||
<div style="position: absolute; top:0; right: 0"> | |||
<img src="//upload.wikimedia.org/wikipedia/commons/2/20/Pmeter-tip.png"> | |||
</div> | |||
</div> | |||
<div id="donationRemaining">noch fehlen <span id="valRem">6,1</span> Mio. €</div> | |||
<div id="donationMessage"></div> | |||
</div> | |||
</div> | |||
</div> | |||
<div id="{{{banner}}}-landing"> | |||
<div id="{{{banner}}}-landing-left"> | |||
<h3>{{{appeal-header}}}</h3> | |||
<div style="float:left; margin: 0.2em 0.5em 0 0; padding: 0.2em; border: 1px solid silver;"> | |||
<img alt="Dr. Peter Cueppers" src="//upload.wikimedia.org/wikipedia/commons/f/fd/Cueppers_small.jpg"> | |||
</div> | |||
<p>{{{appeal-p1}}}</p> | |||
<p>{{{appeal-p2}}}</p> | |||
<p>{{{appeal-p3}}}</p> | |||
<p>{{{appeal-p4}}}</p> | |||
<p>{{{appeal-p5}}}</p> | |||
<p>{{{appeal-p6}}}</p> | |||
<p>{{{appeal-p10}}}</p> | |||
{{{appeal-foot}}} | |||
</div> | |||
<div id="{{{banner}}}-landing-right"> | |||
<form id="{{{banner}}}-form" method="post" name="donationForm" action="https://spenden.wikimedia.de/spenden/?page={{{landing-page}}}&skin={{{page-skin}}}&piwik_campaign={{{CampaignName}}}&piwik_kwd={{{BannerName}}}"> | |||
<h5>Ich spende</h5> | |||
<span> | |||
<input id="periode_0" type="radio" onclick="handleInterval()" value="0" checked="checked" name="periode" /> | |||
<label for="periode_0" class="lblInterval">einmalig</label> | |||
</span> | |||
<span> | |||
<input id="periode_1" type="radio" onclick="handleInterval()" value="1" name="periode" /> | |||
<label for="periode_1" class="lblInterval">monatlich</label> | |||
</span> | |||
<span> | |||
<input id="periode_2" type="radio" onclick="handleInterval()" value="3" name="periode" /> | |||
<label for="periode_2" class="lblInterval">vierteljährlich</label> | |||
</span> | |||
<span> | |||
<input id="periode_3" type="radio" onclick="handleInterval()" value="6" name="periode" /> | |||
<label for="periode_3" class="lblInterval">halbjährlich</label> | |||
</span> | |||
<span> | |||
<input id="periode_4" type="radio" onclick="handleInterval()" value="12" name="periode" /> | |||
<label for="periode_4" class="lblInterval">jährlich</label> | |||
</span> | |||
<p id="intervalHint" style="display: none;"> | |||
<span style="white-space: normal;">Hinweis: Periodische Spenden können wir nur per Lastschrift, Überweisung oder Kreditkarte entgegennehmen.</span> | |||
</p> | |||
<h5>einen Betrag von</h5> | |||
<span><input type="radio" name="betrag_auswahl" id="input_amount_0" onclick="document.donationForm.amountGiven.value = ''" value="5"><label for="input_amount_0" class="lblAmount">5 €</label></span> | |||
<span><input type="radio" name="betrag_auswahl" id="input_amount_1" onclick="document.donationForm.amountGiven.value = ''" value="15"><label for="input_amount_1" class="lblAmount">15 €</label></span> | |||
<span><input type="radio" name="betrag_auswahl" id="input_amount_2" onclick="document.donationForm.amountGiven.value = ''" value="25"><label for="input_amount_2" class="lblAmount">25 €</label></span> | |||
<span><input type="radio" name="betrag_auswahl" id="input_amount_3" onfehler. Als ich heraus bekam, wie man den beseitigt, war es passiert. Gleich am ersten Tag. Denn dann fing ich an, systematisch nach Fehlerclick="document.donationForm.amountGiven.value = ''" value="50" checked="checked"><label for="input_amount_3" class="lblAmount">50 €</label></span> | |||
<span><input type="radio" name="betrag_auswahl" id="input_amount_4" onclick="document.donationForm.amountGiven.value = ''" value="75"><label for="input_amount_4" class="lblAmount">75 €</label></span> | |||
<span><input type="radio" name="betrag_auswahl" id="input_amount_5" onclick="document.donationForm.amountGiven.value = ''" value="100"><label for="input_amount_5" class="lblAmount">100 €</label></span> | |||
<span><input type="radio" name="betrag_auswahl" id="input_amount_6" onclick="document.donationForm.amountGiven.value = ''" value="250"><label for="input_amount_6" class="lblAmount">250 €</label></span> | |||
<span><input type="radio" name="betrag_auswahl" id="input_amount_other" value=""><input type="text" style="width: 120px;" placeholder="Anderer Betrag" name="amountGiven" size="4" autocomplete="off" onfocus="this.form.input_amount_other.checked=true;"></span> | |||
<br /> | |||
<h5>und bezahle per</h5> | |||
<span> | |||
<input id="pay_0" type="radio" onclick="handleMethod();" checked="checked" value="BEZ" name="pay" /> | |||
<label for="pay_0" class="lblInterval">Lastschrift</label> | |||
</span> | |||
<span> | |||
<input id="pay_1" type="radio" onclick="handleMethod();" value="UEB" name="pay" /> | |||
<label for="pay_1" class="lblInterval">Überweisung</label> | |||
</span> | |||
<span> | |||
<input id="pay_3" type="radio" onclick="handleMethod();" value="MCP" name="pay" /> | |||
<label for="pay_3" class="lblInterval">Kreditkarte</label> | |||
</span> | |||
<span> | |||
<input id="pay_2" type="radio" onclick="handleMethod();" value="PPL" name="pay" /> | |||
<label for="pay_2" class="lblInterval">Paypal</label> | |||
</span> | |||
<p id="paymentHint" style="display: none;"> | |||
<span style="white-space: normal;">Hinweis: Die Zahlung per PayPal ist nur für einmalige Spenden möglich.</span> | |||
</p> | |||
<input type="hidden" id="form-page" name="form" value="Formularseite2-Lastschrift" /> | |||
<input type="hidden" id="wikilogin" name="wikilogin" value="no" /> | |||
<input type="hidden" id="impCount" name="impCount" value="" /> | |||
<button onclick="return validateForm();"><strong>Jetzt spenden</strong></button> | |||
<input | <br /> | ||
< | </form> | ||
<input | <div style="width: 100%;"> | ||
< | <br>Die Wikimedia Fördergesellschaft mbH ist in Deutschland als gemeinnützig anerkannt. Ihre Spende ist steuerlich absetzbar. | ||
<ul> | |||
<li><a href="https://spenden.wikimedia.de/spenden/Ihre_Spende_wirkt" target="_blank">Wohin Ihre Spende geht</a> | </li> | |||
<li><a href="https://spenden.wikimedia.de/spenden/Fragen_und_Antworten#Kann_ich_Wikipedia_mit_einer_SMS_unterst.C3.BCtzen.3F" target="_blank">Unterstützen per SMS | </a></li> | |||
<li><a href="https://spenden.wikimedia.de/spenden/Kontaktformular" target="_blank">Kontakt</a></li> | |||
</ul> | |||
<div style="margin-top: 8px;"><strong>Spendenkonto</strong> | Kontonummer: <strong>11 94 700</strong> | Bankleitzahl: <strong>100 205 00</strong> | Bank für Sozialwirtschaft</div> | |||
<div>BIC: <strong>BFSW DE33 BER</strong> | IBAN: <strong>DE 3310 0205 0000 0119 4700</strong></div> | |||
</div> | |||
</div> | |||
</div> | |||
<span id="{{{banner}}}-tab">{{{btn-text-1}}}</span> | |||
<span id="{{{banner}}}-close">{{{btn-text-close}}}</span> | |||
<img src="" id="wmde-expand-track" border="0" height="0" width="0" /> | |||
</div> | </div> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$( document ).ready( function() { | var facts = ''; | ||
var appeal = ''; | |||
$(document).ready( function () { | |||
var facts = '<p style="font-weight: bold; text-align: left; background: url(//upload.wikimedia.org/wikipedia/donate/c/c0/Information-icon.png) no-repeat 10px 8px; padding: 7px 28px 7px 40px; color: white; font-size: 11pt; text-shadow: 1px 1px 1px #000000;">500 Millionen Menschen nutzen Wikipedia im Monat. Sie ist die Nr. 5 der am häufigsten besuchten Webseiten der Welt und hat Kosten wie jede andere Top-Seite: Server, Strom, Programme, Personal. Nur knapp 250 Angestellte arbeiten in der gemeinnützigen Organisation hinter Wikipedia. Um Wikipedias Unabhängigkeit zu schützen, gibt es keine Werbung. Wir finanzieren uns durch Spenden von durchschnittlich 20 €. Heute bitten wir Sie um einen Beitrag. Wenn jeder nur einen kleinen Beitrag leisten würde, wäre unsere Spendenkampagne in einer Stunde vorüber. Finden Sie Wikipedia nützlich? Dann nehmen Sie sich 1 Minute Zeit, damit Wikipedia ein weiteres Jahr werbefrei und für uns alle da sein kann. Bitte helfen Sie mit.</p>'; | |||
var appeal = $('#{{{banner}}}-facts').html(); | |||
$('body').prepend($('#centralNotice')); | |||
if ( wgCanonicalSpecialPageName != "CentralNotice" && wgCanonicalSpecialPageName != "NoticeTemplate" ){ | |||
var impCount = increaseImpCount(); | |||
$("#impCount").val(impCount); | |||
if ( wgAction === "view" ) { | |||
setTimeout( addBannerSpace, 7500 ); | |||
} | |||
if(wgUserName !== null) $('#wikilogin').val('yes'); | |||
$('span#{{{banner}}}-close').click(function() { | |||
hideBanner(); | |||
removeBannerSpace(); | |||
return false; | |||
}); | |||
$('div#{{{banner}}} div#{{{banner}}}-facts').click(function() { | |||
if (!$('div#{{{banner}}} div#{{{banner}}}-landing').is(':visible')){ | |||
if ($("#wmde-expand-track").attr("src") == "") { | |||
$("#wmde-expand-track").attr("src", encodeURI("https://spenden.wikimedia.de/piwik/piwik.php?idsite=1&url=https://spenden.wikimedia.de/banner-expanded/{{{BannerName}}}&rec=1")); | |||
} | |||
$('div#{{{banner}}}-landing').slideDown(150); | |||
$('span#{{{banner}}}-tab').addClass('close').html('{{{btn-text-close}}}'); | |||
$('div#{{{banner}}}').css('position', 'absolute'); | |||
$('#{{{banner}}}-facts').removeClass('{{{banner}}}-facts-bg'); | |||
$('html, body').animate({ scrollTop: 0 }, 0); | |||
$('#{{{banner}}}-facts').html(facts); | |||
switchColor('#FF6C00', '#FFFFFF'); | |||
} | |||
return false; | |||
}); | |||
$('span#{{{banner}}}-tab').click(function() { | |||
if ($('div#{{{banner}}} div#{{{banner}}}-landing').is(':visible')){ | |||
$('div#{{{banner}}}-landing').slideUp(150); | |||
$(this).removeClass('close').html('{{{btn-text-1}}}'); | |||
$('div#{{{banner}}} div#{{{banner}}}-facts span').css('display', 'none'); | |||
$('#{{{banner}}}-facts').html(appeal); | |||
$('div#{{{banner}}}').css('position', 'fixed'); | |||
$('#{{{banner}}}-facts').addClass('{{{banner}}}-facts-bg'); | |||
switchColor('#FFCC00', '#000000'); | |||
setTimeout( animateProgressBar, 500 ); | |||
} else { | |||
if ($("#wmde-expand-track").attr("src") == "") { | |||
$("#wmde-expand-track").attr("src", encodeURI("https://spenden.wikimedia.de/piwik/piwik.php?idsite=1&url=https://spenden.wikimedia.de/banner-expanded/{{{BannerName}}}&rec=1")); | |||
} | |||
$('div#{{{banner}}}-landing').slideDown(150); | |||
$(this).addClass('close').html('{{{btn-text-close}}}'); | |||
$('html, body').animate({ scrollTop: 0 }, 0); | |||
$('#{{{banner}}}-facts').html(facts); | |||
$('div#{{{banner}}}').css('position', 'absolute'); | |||
$('#{{{banner}}}-facts').removeClass('{{{banner}}}-facts-bg'); | |||
switchColor('#FF6C00', '#FFFFFF'); | |||
} | |||
return false; | |||
}); | |||
$('div#{{{banner}}} div#{{{banner}}}-landing span.landing-close').click(function() { | |||
$('div#{{{banner}}}-landing').slideUp(150); | |||
return false; | |||
}); | |||
} | |||
}); | |||
var | function animateProgressBar() { | ||
$("# | var dTarget = {{{donation-target}}}; | ||
var dCollected = {{{donations-collected}}}; | |||
var dRemaining = dTarget - dCollected; | |||
var widthToFill = dCollected / dTarget * 800; | |||
$("#donationFill").animate( | |||
{ width: widthToFill + 'px' }, | |||
{ | |||
duration: 2500, | |||
progress: function() { | |||
var dFill = $("#donationFill").width(); | |||
var pFill = dFill / 800; | |||
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 ); | |||
} | |||
}); | }); | ||
} | |||
function addBannerSpace() { | function addBannerSpace() { | ||
var expandableBannerHeight = $('div#{{{banner}}} | var expandableBannerHeight = $('div#{{{banner}}}').height(); | ||
switch(skin) { | switch(skin) { | ||
case 'vector': | case 'vector': | ||
Zeile 306: | Zeile 457: | ||
$('#{{{banner}}}').css('display', 'block'); | $('#{{{banner}}}').css('display', 'block'); | ||
$('#{{{banner}}}').animate({top: 0}, 1000); | $('#{{{banner}}}').animate({top: 0}, 1000); | ||
setTimeout( animateProgressBar , 1000 ); | |||
} | } | ||
function removeBannerSpace() { | 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; | |||
} | |||
} | } | ||
function switchColor( bgColor, txtColor ) { | |||
$('#{{{banner}}}-facts').css('background-color', bgColor); | |||
function | $('#{{{banner}}}-facts').css('color', txtColor); | ||
//$('#{{{banner}}}-landing').css('border-color', bgColor); | |||
//$('#{{{banner}}}-tab').css('background-color', bgColor); | |||
} | |||
//$('#{{{banner}}}-tab').css('color', txtColor); | |||
//$('#{{{banner}}}-tab').css('background-color', bgColor); | |||
//$('#{{{banner}}}-landing').css('border-color', bgColor); | |||
} | } | ||
$.cookie(' | function increaseImpCount() { | ||
impCount = parseInt($.cookie('centralnotice_banner_impression_count')) | 0; | |||
$.cookie('centralnotice_banner_impression_count', impCount + 1, { expires: 365, path: '/' }); | |||
return impCount + 1; | |||
} | } | ||
var form | </script> | ||
<script type="text/javascript" language="javascript"> | |||
function validateForm() { | |||
var chkdPayment = $( 'input[name=pay]:checked', '#{{{banner}}}-form' ).val(); | |||
if($(' | switch( chkdPayment ) { | ||
alert( | case "BEZ": | ||
$( '#form-page' ).val( 'Formularseite2-Lastschrift' ); | |||
break; | |||
case "UEB": | |||
$( '#form-page' ).val( 'Formularseite2-Überweisung' ); | |||
break; | |||
case "PPL": | |||
$( '#form-page' ).val( 'Formularseite2-PayPal' ); | |||
break; | |||
case "MCP": | |||
$( '#form-page' ).val( 'Formularseite2-Micropayment' ); | |||
break; | |||
} | |||
var form = document.donationForm; | |||
var error = false; | |||
// Get amount selection | |||
var amount = null; | |||
for ( var i = 0; i < form.betrag_auswahl.length; i++ ) { | |||
if ( form.betrag_auswahl[i].checked ) { | |||
amount = form.betrag_auswahl[i].value; | |||
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 false; | ||
} | } | ||
return !error; | |||
} | |||
var handleInterval = function() { | |||
var chkdInterval = $( 'input[name=periode]:checked', '#{{{banner}}}-form' ).val(); | |||
if( chkdInterval > 0 ) { | |||
$( '#pay_2' ).attr( 'disabled', 'disabled' ); | |||
$( '#intervalHint' ).css( 'display', 'block' ); | |||
} else { | } else { | ||
$('# | $( '#pay_2' ).removeAttr( 'disabled' ); | ||
$( '#intervalHint' ).css( 'display', 'none' ); | |||
} | } | ||
} | |||
var handleMethod = function() { | |||
var chkdMethod = $( 'input[name=pay]:checked', '#{{{banner}}}-form' ).val(); | |||
if( chkdMethod === 'PPL' ) { | |||
$( '#periode_1' ).attr( 'disabled', 'disabled' ); | |||
$( '#periode_2' ).attr( 'disabled', 'disabled' ); | |||
$( '#periode_3' ).attr( 'disabled', 'disabled' ); | |||
$( '#periode_4' ).attr( 'disabled', 'disabled' ); | |||
$( '#paymentHint' ).css( 'display', 'block' ); | |||
if ( | } else { | ||
$( '#periode_1' ).removeAttr( 'disabled' ); | |||
$( '#periode_2' ).removeAttr( 'disabled' ); | |||
$( '#periode_3' ).removeAttr( 'disabled' ); | |||
$( '#periode_4' ).removeAttr( 'disabled' ); | |||
$( '#paymentHint' ).css( 'display', 'none' ); | |||
$('# | |||
} | |||
} | } | ||
} | } | ||
</script> | </script> |
Version vom 10. September 2018, 16:08 Uhr
<a href="https://itunes.apple.com/de/artist/christian-wolf/id903688769/"><img src="//hurraki.de/w/images/7/74/Leichte_Sprache_App_Apple_banner.jpg" title="Leichte Sprache App für iPhone und iPad" style="border: none; float: middle; width: 800px; height: 221px; margin-right: .8em; vertical-align: middle;" /></a>
<a href="#" title="Schließen" onclick="mw.centralNotice.hideBanner();return false;"><img border="0" src="//upload.wikimedia.org/wikipedia/foundation/2/20/CloseWindow19x19.png" alt="Schließen" /></a>
<style type="text/css">
#centralNotice.collapsed #{{{banner}}}{ display: none; } div#{{{banner}}} { background: transparent; display: none; font-family: Arial, Helvetica, Verdana, sans-serif; overflow: hidden; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; } div#{{{banner}}} div#{{{banner}}}-facts { cursor: pointer; padding: 3px 0; position: relative; text-align: center; } div.{{{banner}}}-facts-bg { background: #FFCC00 url(//upload.wikimedia.org/wikipedia/donate/c/c0/Information-icon.png) no-repeat 10px 16px; } div#{{{banner}}} div#{{{banner}}}-facts p { text-align: center; padding: 2px 5px; margin: 0; color: #000; font-size: 18px; font-weight: bold; line-height: 20pt; display: inline-block; } div#{{{banner}}} div#{{{banner}}}-facts p span.{{{banner}}}-highlight { background-color: yellow; padding: 5px; } div#{{{banner}}} div#{{{banner}}}-facts p img { margin-right: 40px; } div#{{{banner}}} span#{{{banner}}}-tab { background: #FFCC00 url(//upload.wikimedia.org/wikipedia/foundation/d/d4/Expandable-toggle.png) no-repeat; background-position: 423px -31px; border: 1px solid #a7a7a7; border-top: none; border-radius: 0 0 5px 5px; color: #000; cursor: pointer; display: block; font-size: 12px; font-weight: bold; height: 25px; line-height: 25px; margin: 0 auto; position: relative; text-align: center; width: 446px; z-index: 100; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } div#{{{banner}}} span#{{{banner}}}-tab.close { background-position: 423px 4px; } div#{{{banner}}} span#{{{banner}}}-close { background: url(//upload.wikimedia.org/wikipedia/donate/2/27/Small-white-close.png) no-repeat center center black; cursor: pointer; display: block; height: 21px; position: absolute; text-indent: -9999px; right: 0; top: 0; width: 21px; } div#{{{banner}}} div#{{{banner}}}-landing { background: #fff; border-bottom: 10px solid #FFCC00; display: none; font-family: Arial, Helvetica, Verdana, sans-serif; padding: 30px 0 40px 0; width: 100%; } div#{{{banner}}} div#{{{banner}}}-landing:after { clear: both; content: ; display: block; height: 0; visibility: hidden; } div#{{{banner}}} div#{{{banner}}}-landing span.landing-close { color: #3f3f3f; cursor: pointer; font-size: 12px; position: absolute; right: 10px; top: 10px; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-left { float: left; font-size: 13px; line-height: 18px; margin: 0 2%; padding: 0; width: 56%; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-left h3 { border-bottom: 1px solid #000; font-size: 20px; font-weight: bold; line-height: 22px; margin: 0 0 10px 0; padding: 0 0 10px 0; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right { background: #CCE7CD; border: 1px solid #a3bfb1; border-radius: 10px; float: right; font-size: 13px; line-height: 18px; margin: 0 2% 0 0; padding: 2%; text-align: left; width: 33%; -moz-border-radius: 10px; -webkit-border-radius: 10px; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right h4 { font-size: 20px; font-weight: bold; line-height: 22px; margin: -20px 0 0; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right p { margin: 0 0 5px 0; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right p span { font-size: 10px; line-height: 12px; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right span { font-size: 0.8em; line-height: 0.8em; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right ul { margin: 0; padding-top: 2px; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right ul li { display: inline-block; font-size: 10px; line-height: 14px; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right form span { white-space: nowrap; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right form label { /* font-weight: bold; */ margin: 0 10px 0 3px; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right form button { cursor: pointer; margin: 10px 5px 0 5px; display: block; } div#{{{banner}}} div#{{{banner}}}-facts p b { color: black; } div#{{{banner}}}:hover div#{{{banner}}}-facts p b { text-decoration: none; } label.lblInterval { display: inline-block; width: 70px; font-size: 1.2em; } label.lblAmount { display: inline-block; width: 40px; font-size: 1.2em; } #donationMeterWrapper { position: relative; width: 800px; margin: 0 auto 16px auto; } #donationMeter { margin: 0 auto; width: 800px; height: 32px; background: #FF6C00; border-radius: 8px; border: 2px solid #FF6C00; } #donationFill { position: absolute; top: 2px; left: 2px; width: 90px; height: 32px; background: #FFFFFF; border-radius: 5px; } #donationText { position: absolute; height: 100%; width: 100%; text-align: right; margin: 8px -16px; font-size: 14px; font-weight: bold; color: #B2B2B2; overflow: hidden; } #donationRemaining { position: absolute; top: 9px; right: 10px; font-size: 16px; color: white; font-weight: bold; }
</style>
<script type="text/javascript"> var facts = ; var appeal = ;
$(document).ready( function () {
var facts = '
500 Millionen Menschen nutzen Wikipedia im Monat. Sie ist die Nr. 5 der am häufigsten besuchten Webseiten der Welt und hat Kosten wie jede andere Top-Seite: Server, Strom, Programme, Personal. Nur knapp 250 Angestellte arbeiten in der gemeinnützigen Organisation hinter Wikipedia. Um Wikipedias Unabhängigkeit zu schützen, gibt es keine Werbung. Wir finanzieren uns durch Spenden von durchschnittlich 20 €. Heute bitten wir Sie um einen Beitrag. Wenn jeder nur einen kleinen Beitrag leisten würde, wäre unsere Spendenkampagne in einer Stunde vorüber. Finden Sie Wikipedia nützlich? Dann nehmen Sie sich 1 Minute Zeit, damit Wikipedia ein weiteres Jahr werbefrei und für uns alle da sein kann. Bitte helfen Sie mit.
';
var appeal = $('#{{{banner}}}-facts').html(); $('body').prepend($('#centralNotice')); if ( wgCanonicalSpecialPageName != "CentralNotice" && wgCanonicalSpecialPageName != "NoticeTemplate" ){ var impCount = increaseImpCount(); $("#impCount").val(impCount);
if ( wgAction === "view" ) { setTimeout( addBannerSpace, 7500 ); } if(wgUserName !== null) $('#wikilogin').val('yes'); $('span#{{{banner}}}-close').click(function() { hideBanner(); removeBannerSpace(); return false; }); $('div#{{{banner}}} div#{{{banner}}}-facts').click(function() { if (!$('div#{{{banner}}} div#{{{banner}}}-landing').is(':visible')){ if ($("#wmde-expand-track").attr("src") == "") { $("#wmde-expand-track").attr("src", encodeURI("https://spenden.wikimedia.de/piwik/piwik.php?idsite=1&url=https://spenden.wikimedia.de/banner-expanded/{{{BannerName}}}&rec=1")); } $('div#{{{banner}}}-landing').slideDown(150); $('span#{{{banner}}}-tab').addClass('close').html('{{{btn-text-close}}}'); $('div#{{{banner}}}').css('position', 'absolute'); $('#{{{banner}}}-facts').removeClass('{{{banner}}}-facts-bg'); $('html, body').animate({ scrollTop: 0 }, 0); $('#{{{banner}}}-facts').html(facts); switchColor('#FF6C00', '#FFFFFF'); } return false; }); $('span#{{{banner}}}-tab').click(function() { if ($('div#{{{banner}}} div#{{{banner}}}-landing').is(':visible')){ $('div#{{{banner}}}-landing').slideUp(150); $(this).removeClass('close').html('{{{btn-text-1}}}'); $('div#{{{banner}}} div#{{{banner}}}-facts span').css('display', 'none'); $('#{{{banner}}}-facts').html(appeal); $('div#{{{banner}}}').css('position', 'fixed'); $('#{{{banner}}}-facts').addClass('{{{banner}}}-facts-bg'); switchColor('#FFCC00', '#000000'); setTimeout( animateProgressBar, 500 ); } else { if ($("#wmde-expand-track").attr("src") == "") { $("#wmde-expand-track").attr("src", encodeURI("https://spenden.wikimedia.de/piwik/piwik.php?idsite=1&url=https://spenden.wikimedia.de/banner-expanded/{{{BannerName}}}&rec=1")); } $('div#{{{banner}}}-landing').slideDown(150); $(this).addClass('close').html('{{{btn-text-close}}}'); $('html, body').animate({ scrollTop: 0 }, 0); $('#{{{banner}}}-facts').html(facts); $('div#{{{banner}}}').css('position', 'absolute'); $('#{{{banner}}}-facts').removeClass('{{{banner}}}-facts-bg'); switchColor('#FF6C00', '#FFFFFF'); } return false; }); $('div#{{{banner}}} div#{{{banner}}}-landing span.landing-close').click(function() { $('div#{{{banner}}}-landing').slideUp(150); return false; }); } });
function animateProgressBar() {
var dTarget = {{{donation-target}}}; var dCollected = {{{donations-collected}}}; var dRemaining = dTarget - dCollected; var widthToFill = dCollected / dTarget * 800; $("#donationFill").animate( { width: widthToFill + 'px' }, { duration: 2500, progress: function() { var dFill = $("#donationFill").width(); var pFill = dFill / 800;
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 ); } });
}
function addBannerSpace() {
var expandableBannerHeight = $('div#{{{banner}}}').height(); switch(skin) { case 'vector': $('#{{{banner}}}').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); $('#{{{banner}}}').css('top', '-20px'); $('#{{{banner}}}').css('background', 'none'); break; } $('#{{{banner}}}').css('display', 'block'); $('#{{{banner}}}').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; } } function switchColor( bgColor, txtColor ) { $('#{{{banner}}}-facts').css('background-color', bgColor); $('#{{{banner}}}-facts').css('color', txtColor); //$('#{{{banner}}}-landing').css('border-color', bgColor); //$('#{{{banner}}}-tab').css('background-color', bgColor);
//$('#{{{banner}}}-tab').css('color', txtColor); //$('#{{{banner}}}-tab').css('background-color', bgColor); //$('#{{{banner}}}-landing').css('border-color', bgColor); } function increaseImpCount() { impCount = parseInt($.cookie('centralnotice_banner_impression_count')) | 0; $.cookie('centralnotice_banner_impression_count', impCount + 1, { expires: 365, path: '/' }); return impCount + 1; }
</script> <script type="text/javascript" language="javascript">
function validateForm() { var chkdPayment = $( 'input[name=pay]:checked', '#{{{banner}}}-form' ).val(); switch( chkdPayment ) { case "BEZ": $( '#form-page' ).val( 'Formularseite2-Lastschrift' ); break; case "UEB": $( '#form-page' ).val( 'Formularseite2-Überweisung' ); break; case "PPL": $( '#form-page' ).val( 'Formularseite2-PayPal' ); break; case "MCP": $( '#form-page' ).val( 'Formularseite2-Micropayment' ); break; } var form = document.donationForm; var error = false; // Get amount selection var amount = null; for ( var i = 0; i < form.betrag_auswahl.length; i++ ) { if ( form.betrag_auswahl[i].checked ) { amount = form.betrag_auswahl[i].value; 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; }
var handleInterval = function() {
var chkdInterval = $( 'input[name=periode]:checked', '#{{{banner}}}-form' ).val(); if( chkdInterval > 0 ) { $( '#pay_2' ).attr( 'disabled', 'disabled' ); $( '#intervalHint' ).css( 'display', 'block' ); } else { $( '#pay_2' ).removeAttr( 'disabled' ); $( '#intervalHint' ).css( 'display', 'none' ); }
}
var handleMethod = function() {
var chkdMethod = $( 'input[name=pay]:checked', '#{{{banner}}}-form' ).val(); if( chkdMethod === 'PPL' ) { $( '#periode_1' ).attr( 'disabled', 'disabled' ); $( '#periode_2' ).attr( 'disabled', 'disabled' ); $( '#periode_3' ).attr( 'disabled', 'disabled' ); $( '#periode_4' ).attr( 'disabled', 'disabled' ); $( '#paymentHint' ).css( 'display', 'block' ); } else { $( '#periode_1' ).removeAttr( 'disabled' ); $( '#periode_2' ).removeAttr( 'disabled' ); $( '#periode_3' ).removeAttr( 'disabled' ); $( '#periode_4' ).removeAttr( 'disabled' ); $( '#paymentHint' ).css( 'display', 'none' ); }
} </script>