|
|
Zeile 1: |
Zeile 1: |
| <style> | | <style> |
| #centralNotice.collapsed #{{{banner}}}{
| | #centralNotice.collapsed #{{{banner}}}{ |
| display: none;
| | display: none; |
| }
| | } |
| div#{{{banner}}} {
| | #{{{banner}}} { |
| background: transparent;
| | background-color: #ffcc00; |
| display: none;
| | display: block; |
| font-family: Arial, Helvetica, Verdana, sans-serif;
| | padding: 0; |
| left: 0;
| | text-align: center; |
| position: fixed;
| | box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5); |
| top: 0;
| | -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5); |
| width: 100%;
| | -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5); |
| z-index: 9999;
| | top: 0; |
| } | | left: 0; |
| #{{{banner}}}-form-wrapper {
| | width: 100%; |
| background: #eef0fc;
| | position: fixed; |
| box-shadow: 3px 0 5px rgba(0, 0, 0, 0.5);
| | z-index: 100; |
| padding: 4px 8px;
| | } |
| } | | #{{{banner}}} hr { |
| #{{{banner}}}-form { | | height: 1px; |
| height: 100%;
| | background-color: #ffffff; |
| } | | color: #ffffff; |
| #{{{banner}}}-form table {
| | border: none; |
| border: none;
| | margin: 12px 0 8px 0; |
| border-collapse: collapse;
| | } |
| width: 100%;
| | #{{{banner}}}_collapsed { |
| height: 100%;
| | padding: 6px; |
| }
| | } |
| #{{{banner}}}-form td {
| | #{{{banner}}}_btn-close { |
| font-size: 12px;
| | width: 20px; |
| font-weight: bold;
| | height: 20px; |
| min-width: 55px;
| | border-radius: 10px; |
| white-space: nowrap;
| | font-size: 12px; |
| margin: 0;
| | line-height: 20px; |
| vertical-align: middle;
| | position: absolute; |
| padding: 2px;
| | top: 5px; |
| }
| | right: 5px; |
| #{{{banner}}}-form span label {
| | color: #cccccc; |
| margin-left: 2px;
| | background-color: #ffffff; |
| }
| | } |
| #{{{banner}}}-form .amount-options {
| | #{{{banner}}}_collapsed span.btext-highlight { |
| height: 20%;
| | background-color: yellow; |
| } | | font-weight: bold; |
| #{{{banner}}}-form .paymentmethod-options td {
| | } |
| text-align: center;
| | #{{{banner}}}_expanded { |
| padding: 4px 4px 8px 4px;
| | display: none; |
| } | | padding-bottom: 10px; |
| #{{{banner}}}-form button {
| | } |
| cursor: pointer;
| | #{{{banner}}}_btn-expand { |
| display: inline-block;
| | background: url(//upload.wikimedia.org/wikipedia/donate/f/f1/Circle-down-arrow.png) no-repeat; |
| font-weight: bold;
| | width: 25px; |
| width: 110px;
| | height: 20px; |
| border: 3px double #ddd;
| | display: inline-block; |
| border-radius: 8px;
| | margin-left: 5px; |
| background: #ffffff; /* Old browsers */
| | } |
| background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
| | #{{{banner}}}_amount-options input { |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
| | display: none; |
| background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
| | } |
| background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
| | .{{{banner}}}_banner-text { |
| background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
| | line-height: 20px; |
| background: linear-gradient(to bottom, #ffffff 0%,rgb(240, 240, 240) 100%);
| | text-align: left; |
| box-shadow: 0 1px 1px #ddd;
| | padding-right: 20px; |
| margin: 0 1px;
| | } |
| }
| | div.{{{banner}}}_bigger { |
| #{{{banner}}}-form button:hover {
| | font-size: 16px; |
| color: #0645ad;
| | font-weight: bold; |
| } | | line-height: 18pt; |
| div#{{{banner}}} #{{{banner}}}-facts {
| | } |
| background: #FFCC00 url(//upload.wikimedia.org/wikipedia/donate/c/c0/Information-icon.png) no-repeat 10px 8px;
| | div.{{{banner}}}_smaller { |
| min-height: 65px;
| | font-size: 12px; |
| padding: 0;
| | margin-bottom: 10px; |
| position: relative;
| | } |
| width: 100%;
| | #{{{banner}}}_amount-options { |
| border: none;
| |
| border-collapse: collapse;
| |
| }
| |
| div#{{{banner}}} #{{{banner}}}-facts p {
| |
| color: #000;
| |
| font-size: 17px;
| |
| font-weight: bold;
| |
| line-height: 1.2em;
| |
| margin: 0;
| |
| margin: 4px 10px 4px 35px;
| |
| text-align: justify;
| |
| padding-bottom: 2px;
| |
| }
| |
|
| |
|
| div#{{{banner}}} p#{{{banner}}}-legal {
| | } |
| font-family: Arial, Helvetica, Verdana, sans-serif;
| | .{{{banner}}}_amount-label { |
| position: relative;
| | display: inline-block; |
| margin: 0;
| | background-color: #fef599; |
| padding: 10px 40px 10px 40px;
| | padding: 6px 0; |
| font-size: 13px;
| | height: 30px; |
| line-height: 16px;
| | width: 70px; |
| font-weight: normal;
| | line-height: 30px; |
| z-index: -10;
| | border-radius: 10px; |
| background: #FFCC00;
| | margin: 0 2px 16px 2px; |
| top: -100px;
| | font-size: 25px; |
| text-align: center;
| | font-weight: bold; |
| } | | cursor: pointer; |
| | | } |
| #{{{banner}}}-close-wrapper {
| | div#{{{banner}}} input[type="radio"]:checked+label { |
| width: 20px;
| | background-color: #ffffff; |
| } | | } |
| | | .{{{banner}}}_smaller-pale { |
| div#{{{banner}}} span#{{{banner}}}-close {
| | font-size: 12px; |
| background: url(//upload.wikimedia.org/wikipedia/donate/2/27/Small-white-close.png) no-repeat center center;
| | line-height: 14pt; |
| background-color: black;
| | color: #988a00; |
| cursor: pointer;
| | margin: 10px 0; |
| display: block;
| | } |
| height: 21px;
| | .{{{banner}}}_btn-white { |
| position: absolute;
| | background-color: #ffffff; |
| right: 0px;
| | color: #000000; |
| top: 0px;
| | font-size: 15px; |
| width: 21px;
| | border-radius: 8px; |
| }
| | text-align: center; |
| div#{{{banner}}} #{{{banner}}}-facts p b {
| | padding: 5px; |
| background: yellow;
| | cursor: pointer; |
| color: black;
| | border: none; |
| padding: 1px 0.5em;
| | margin: 0 auto; |
| }
| | } |
| .interval-hidden {
| | .{{{banner}}}_btn-big { |
| display: none;
| | background-color: #ffffff; |
| }
| | color: #000000; |
| #{{{banner}}}_info {
| | font-size: 23px; |
| margin: 0 10px 0 40px;
| | font-weight: bold; |
| font-size: 13px;
| | border-radius: 8px; |
| line-height: 16px;
| | text-align: center; |
| position: relative;
| | cursor: pointer; |
| border-top: 1px solid #988A00;
| | border: none; |
| padding-top: 2px;
| | height: 45px; |
| } | | line-height: 45px; |
| #{{{banner}}}_info div#binfo-sepa-info {
| | width: 276px; |
| position: absolute;
| | margin: 0 auto; |
| top: 2px;
| | } |
| background-color: #FFCC00;
| | .{{{banner}}}_btn-symbol { |
| height: 20px;
| | font-size: 1.2em; |
| width: 600px;
| | line-height: 0.8em; |
| } | | } |
| div#{{{banner}}}_info span {
| | .{{{banner}}}_btn-big a, |
| margin-right: 10px;
| | .{{{banner}}}_btn-big a:hover { |
| }
| | color: #cccccc; |
| div#{{{banner}}}_info span.binfo-ucase {
| | text-decoration: none; |
| text-transform: uppercase;
| | } |
| } | | .{{{banner}}}_disclaimer a, |
| div#{{{banner}}}_info span.binfo-lblue {
| | .{{{banner}}}_disclaimer a:hover { |
| color: #96A0AA;
| | font-size: 12px; |
| } | | line-height: 14pt; |
| div#{{{banner}}}_info span.binfo-dblue {
| | color: #988a00; |
| color: #000000;
| | text-decoration: none; |
| } | | } |
| div#{{{banner}}}_info span.binfo-bold {
| |
| font-weight: bold;
| |
| } | |
| div#{{{banner}}}_info span.binfo-sepa-box {
| |
| font-size: 10px;
| |
| border-radius: 5px;
| |
| background-color: white;
| |
| padding: 2px 5px;
| |
| cursor: pointer;
| |
| color: #000000;
| |
| } | |
| div#{{{banner}}} span.btext-highlight {
| |
| background-color: yellow;
| |
| padding: 1px 5px;
| |
| } | |
| #donationMeterWrapper {
| |
| position: relative;
| |
| margin: 0 auto 4px auto;
| |
| max-width: 1200px;
| |
| } | |
| #donationMeter {
| |
| margin: 0 auto;
| |
| height: 20px;
| |
| background: #FF6C00;
| |
| border: 2px solid #FF6C00;
| |
| border-radius: 8px;
| |
| } | |
| #donationFill {
| |
| position: absolute;
| |
| top: 2px;
| |
| left: 2px;
| |
| width: 90px;
| |
| height: 20px;
| |
| background: #FFFFFF;
| |
| border-top-left-radius: 5px;
| |
| border-bottom-left-radius: 5px;
| |
| }
| |
| #donationText {
| |
| position: absolute;
| |
| height: 100%;
| |
| width: 100%;
| |
| text-align: right;
| |
| /*margin: 8px -16px;*/
| |
| top: 2px;
| |
| font-size: 14px;
| |
| font-weight: bold;
| |
| color: #B2B2B2;
| |
| overflow: hidden;
| |
| }
| |
| #donationRemaining {
| |
| position: absolute;
| |
| top: 3px;
| |
| right: 10px;
| |
| font-size: 15px;
| |
| color: white;
| |
| font-weight: bold;
| |
| }
| |
| #daysLeft {
| |
| display: none;
| |
| font-size: 14px;
| |
| color: #FF6C00;
| |
| font-weight: bold;
| |
| top: 2px;
| |
| position: absolute;
| |
| left: 5px;
| |
| }
| |
| </style> | | </style> |
| | <script> |
| | function addBannerSpace() { |
| | var bannerHeight = $('#{{{banner}}}_collapsed').outerHeight(); |
| | var cssString = '#mw-mf-viewport { top: ' + bannerHeight + 'px; } .mw-mf-overlay { top: ' + bannerHeight + 'px; }'; |
| | mw.util.addCSS(cssString); |
| | } |
|
| |
|
| <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 -->
| |
| <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">Nur noch <span id="numDaysLeft">11 Tage</span></div>
| |
| <div style="position: absolute; bottom: 0; right: 0">
| |
| <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>
| |
| </td></tr>
| |
| <tr><td style="height: 1%">
| |
| <div id="{{{banner}}}_info">
| |
| <div id="binfo-bank-info">
| |
| <div style="display: inline-block">
| |
| <span class="binfo-ucase binfo-dblue">Spendenkonto</span>
| |
| <span class="binfo-bold binfo-dblue">Wikimedia Fördergesellschaft</span>
| |
| <span class="binfo-label binfo-dblue">Kto</span>
| |
| <span class="binfo-bold binfo-dblue">1194700</span>
| |
| <span class="binfo-label binfo-dblue">BLZ</span>
| |
| <span class="binfo-bold binfo-dblue">10020500</span>
| |
| </div>
| |
| <span class="binfo-sepa-box">SEPA</span>
| |
| </div>
| |
| <div id="binfo-sepa-info" style="display: none;">
| |
| <div style="display: inline-block">
| |
| <span class="binfo-ucase binfo-dblue">Spendenkonto</span>
| |
| <span class="binfo-label binfo-dblue">BIC</span>
| |
| <span class="binfo-bold binfo-dblue">BFSWDE33BER</span>
| |
| <span class="binfo-label binfo-dblue">IBAN</span>
| |
| <span class="binfo-bold binfo-dblue">DE33 1002 0500 0001 1947 00</span>
| |
| </div>
| |
| <span class="binfo-sepa-box" style="margin-left: 21px;">✖</span>
| |
| </div>
| |
| </div>
| |
| </td></tr></table></td>
| |
|
| |
| <td id="{{{banner}}}-form-wrapper">
| |
| <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}}}">
| |
| <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" style="width: 30px;" 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" style="width: 36px;" 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" style="width: 36px;" for="amount25">25 €</label>
| |
| </td>
| |
| <td>
| |
| <input type="radio" class="amount-radio" name="betrag_auswahl" checked="checked" onclick="document.donationForm.amountGiven.value = ''" id="amount50" value="50" />
| |
| <label class="amount-label" style="width: 36px;" 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" style="width: 30px;" 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" style="width: 36px;" 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" style="width: 36px;" for="amount250">250 €</label>
| |
| </td>
| |
| <td>
| |
| <input type="radio" class="amount-radio" name="betrag_auswahl" id="amount_other" value="" />
| |
| <input type="text" onfocus="$('#amount_other').attr('checked', 'checked');" autocomplete="off" size="3" name="amountGiven" /><br />
| |
| </tr>
| |
| <tr>
| |
| <td colspan="2" style="text-align: right">
| |
| <button class="send" onclick="$('#form-page').val('Formularseite2-Lastschrift');">Lastschrift</button>
| |
| </td>
| |
| <td colspan="2" style="text-align: left">
| |
| <button class="send" onclick="$('#form-page').val('Formularseite2-Überweisung');">Überweisung</button><br />
| |
| </td>
| |
| </tr>
| |
| <tr>
| |
| <td colspan="2" style="text-align: right">
| |
| <button class="send" onclick="$('#form-page').val('Formularseite2-Micropayment');">Kreditkarte</button>
| |
| </td>
| |
| <td colspan="2" style="text-align: left">
| |
| <button id="btn-ppl" class="send" onclick="$('#form-page').val('Formularseite2-PayPal');">PayPal</button>
| |
| </td>
| |
| </tr>
| |
| </table>
| |
| <input type="hidden" name="periode" id="periode" value="" />
| |
| <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="" />
| |
| <input type="hidden" id="bImpCount" name="bImpCount" value="" />
| |
| </form>
| |
| </td>
| |
|
| |
| <td id="{{{banner}}}-close-wrapper">
| |
| <span id="{{{banner}}}-close"> </span>
| |
| </td>
| |
|
| |
| </tr>
| |
| </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() { | | $( document ).ready( function() { |
| $('body').prepend($('#centralNotice')); | | $('#siteNotice').prependTo('body'); |
| | | $('#{{{banner}}}').css('display', 'block'); |
| var impCount = increaseImpCount();
| | addBannerSpace(); |
| $("#impCount").val(impCount); | |
| var bannerImpCount = increaseBannerImpCount();
| |
| $("#bImpCount").val(bannerImpCount);
| |
| | |
| if ( wgAction === "view" ) { | |
| setTimeout( addBannerSpace, 7500 );
| |
| }
| |
| if(wgUserName !== null) $('#wikilogin').val('yes');
| |
| $(window).resize(function() { | | $(window).resize(function() { |
| animateProgressBar(); | | addBannerSpace(); |
| }); | | }); |
| | | $( '#{{{banner}}}_btn-close' ).click( function() { |
| $( ".send" ).click( function( e ) {
| |
| return validateForm();
| |
| });
| |
| | |
| $('#{{{banner}}}-close').click(function() { | |
| hideBanner(); | | hideBanner(); |
| removeBannerSpace(); | | var cssString = '#mw-mf-viewport { top: 0; } .mw-mf-overlay { top: 0; }'; |
| return false; | | mw.util.addCSS(cssString); |
| }); | | }); |
| | | $( '#{{{banner}}}_btn-ppl' ).click( function() { |
| $('span.binfo-sepa-box').click( function() { | | if( $( 'input[name=betrag]:checked' ).length > 0 ) { |
| if ( $( 'div#binfo-sepa-info' ).is( ':visible' ) ) { | | $( '#{{{banner}}}_form' ).submit(); |
| $( 'div#binfo-sepa-info' ).slideUp(); | |
| } else { | | } else { |
| $( 'div#binfo-sepa-info' ).slideDown(); | | alert( "Bitte wählen Sie einen Spendenbetrag aus." ); |
| } | | } |
| }); | | }); |
| | | $( '#{{{banner}}}_btn-expand, #{{{banner}}}_banner-text-closed' ).click( function() { |
| $('span#numDaysLeft').text( getDaysRemaining() ); | | 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")); |
| | |
| function getDaysRemaining() {
| |
| daysRemaining = Math.floor( new Date( new Date( 2014, 0, 1, 5, 0, 0 ) - new Date() ) / 1000 / 60 / 60 / 24 );
| |
| return ( daysRemaining > 1 ) ? daysRemaining + " Tage" : "1 Tag";
| |
| }
| |
| | |
| function animateProgressBar() {
| |
| $("#donationFill").clearQueue();
| |
| $("#donationFill").stop();
| |
| $('#daysLeft').hide();
| |
| $('#donationFill').width('90px');
| |
| | |
| var barWidth = $('#donationMeter').width();
| |
| var dTarget = {{{donation-target}}};
| |
| var dCollected = {{{donations-collected}}};
| |
| var dRemaining = dTarget - dCollected;
| |
| var fWidth = dCollected / dTarget * barWidth;
| |
| var maxFillWidth = barWidth - $('#donationRemaining').width() - 16;
| |
| widthToFill = (fWidth > maxFillWidth) ? maxFillWidth : fWidth;
| |
| | |
| $("#donationFill").animate( { width: widthToFill + 'px' }, {
| |
| duration: 2500, | |
| progress: function() {
| |
| var dFill = $("#donationFill").width() / widthToFill * fWidth;
| |
| 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();
| |
| } | | } |
| | $( "html, body" ).animate({ scrollTop: 0 }, "0"); |
| | $( '#{{{banner}}}' ).css( 'position', 'absolute' ); |
| | $( '#{{{banner}}}_expanded' ).slideDown(); |
| | $( "#{{{banner}}}_banner-text-opened" ).show(); |
| | $( "#{{{banner}}}_banner-text-closed" ).hide(); |
| }); | | }); |
| }
| | $( '#{{{banner}}}_btn-form-close' ).click( function() { |
| | | $( '#{{{banner}}}' ).css( 'position', 'fixed' ); |
| function addBannerSpace() {
| | $( '#{{{banner}}}_expanded' ).slideUp(); |
| var expandableBannerHeight = $('div#{{{banner}}}').height() + 44; | | $( "#{{{banner}}}_banner-text-opened" ).hide(); |
| switch(skin) {
| | $( "#{{{banner}}}_banner-text-closed" ).show(); |
| 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 increaseImpCount() {
| |
| impCount = parseInt($.cookie('centralnotice_banner_impression_count')) | 0;
| |
| $.cookie('centralnotice_banner_impression_count', impCount + 1, { expires: 7, path: '/' });
| |
| return impCount + 1;
| |
| }
| |
| | |
| function increaseBannerImpCount() {
| |
| var impCount = 0;
| |
| | |
| if($.cookie('centralnotice_single_banner_impression_count')) {
| |
| var impCountCookie = $.cookie('centralnotice_single_banner_impression_count');
| |
| var bannerImpCount = impCountCookie.split("|");
| |
| if(bannerImpCount[0] === '{{{banner}}}') {
| |
| impCount = parseInt(bannerImpCount[1]);
| |
| }
| |
| }
| |
| $.cookie('centralnotice_single_banner_impression_count', '{{{banner}}}|' + (impCount + 1), { expires: 7, path: '/' });
| |
| return (impCount + 1);
| |
| }
| |
| | |
| 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;
| |
|
| |
| if($('#interval_multiple').attr('checked') === 'checked') {
| |
| if($('input[name=interval]:checked', form).length !== 1) {
| |
| alert("Es wurde kein Zahlungsintervall ausgewählt.");
| |
| return false;
| |
| } else {
| |
| $('#intervalType').val( "1" );
| |
| $('#periode').val($('input[name=interval]:checked', form).val());
| |
| }
| |
| } else {
| |
| $('#periode').val("0");
| |
| }
| |
| | |
| // 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;
| |
| }
| |
| </script> | | </script> |
| | <div id="{{{banner}}}"> |
| | <div id="{{{banner}}}_collapsed"> |
| | <div id="{{{banner}}}_banner-text-closed"> |
| | <div class="{{{banner}}}_banner-text"> |
| | <strong>Liebe Leser: <span style="background-color: yellow; padding: 2px 5px;">Wenn jeder nur 5€ spenden würde, wäre unsere Spendenkampagne in einer Stunde vorüber.</span> <span style="color: #0645ad;">Spenden Sie jetzt für Wikipedia!</span></strong> |
| | <span id="{{{banner}}}_btn-expand"> </span> |
| | </div> |
| | </div> |
| | <div id="{{{banner}}}_banner-text-opened" class="{{{banner}}}_banner-text" style="display: none;"> |
| | <img src="//upload.wikimedia.org/wikipedia/donate/c/c0/Information-icon.png" style="float: left; padding-right: 4px"> |
| | Wikipedia ist gemeinnützig. Sie ist die fünftgrößte Webseite der Welt. Jedes Jahr haben wir Kosten |
| | für Technik, Programme, Personal. Um unabhängig zu sein, schalten wir keine Werbung. |
| | 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. |
| | </div> |
| | <div id="{{{banner}}}_btn-close">✖</div> |
| | </div> |
| | <div id="{{{banner}}}_expanded"> |
| | <hr /> |
| | <div class="{{{banner}}}_bigger">Unterstützen Sie uns mit PayPal</div> |
| | <form name="donForm" id="{{{banner}}}_form" action="https://spenden.wikimedia.de/spenden/?page=L10h16&skin=10h16&mbt=1&piwik_campaign={{{CampaignName}}}&piwik_kwd={{{BannerName}}}" method="post"> |
| | <div id="{{{banner}}}_amount-options"> |
| | <input type="radio" id="amount5" name="betrag" value="5"> |
| | <label for="amount5" class="{{{banner}}}_amount-label">5 <span style="color: #a3a3a3; font-weight: normal;">€</span></label> |
| | <input type="radio" id="amount15" name="betrag" value="15"> |
| | <label for="amount15" class="{{{banner}}}_amount-label">15 <span style="color: #a3a3a3; font-weight: normal;">€</span></label> |
| | <input type="radio" id="amount25" name="betrag" value="25"> |
| | <label for="amount25" class="{{{banner}}}_amount-label">25 <span style="color: #a3a3a3; font-weight: normal;">€</span></label> |
| | </div> |
| | <div id="{{{banner}}}_amount-options"> |
| | <input type="radio" id="amount50" name="betrag" value="50"> |
| | <label for="amount50" class="{{{banner}}}_amount-label">50 <span style="color: #a3a3a3; font-weight: normal;">€</span></label> |
| | <input type="radio" id="amount75" name="betrag" value="75"> |
| | <label for="amount75" class="{{{banner}}}_amount-label">75 <span style="color: #a3a3a3; font-weight: normal;">€</span></label> |
| | <input type="radio" id="amount100" name="betrag" value="100"> |
| | <label for="amount100" class="{{{banner}}}_amount-label">100 <span style="color: #a3a3a3; font-weight: normal;">€</span></label> |
| | </div> |
| | <input type="hidden" name="adresstyp" value="anonym"> |
| | <input type="hidden" name="from_pay" value="PPL"> |
| | <input type="hidden" name="go_prepare--pay:paypal" value="Spende abschließen"> |
| | <input type="hidden" name="pay" value="PPL"> |
| | <input type="hidden" name="periode" value="0"> |
| | <input type="hidden" name="tracking" value="{{{CampaignName}}}/{{{BannerName}}}"> |
| | <img src="" id="wmde-expand-track" border="0" height="0" width="0" /> |
| | <div id="{{{banner}}}_btn-ppl" class="{{{banner}}}_btn-big"><span style="color: #cccccc">Weiter zu</span> PayPal</div> |
| | </form> |
| | <hr /> |
| | <div class="{{{banner}}}_bigger">Unterstützen Sie uns per SMS</div> |
| | <div class="{{{banner}}}_smaller">Einfach eine SMS mit "WIKI" an die 81190</div> |
| | <div class="{{{banner}}}_btn-big"><a href="sms:81190">5€ per <span style="color: black">SMS</span></a></div> |
| | <div class="{{{banner}}}_smaller-pale"> |
| | Von den 5 Euro gehen 4,83 Euro direkt an Wikimedia Deutschland. Kosten zzgl. einer Standard-SMS. |
| | </div> |
| | <hr /> |
| | <div class="{{{banner}}}_disclaimer"><a href="https://spenden.wikimedia.de/spenden/Impressum?piwik_campaign={{{CampaignName}}}&piwik_kwd={{{BannerName}}}-link&skin=10h16">Impressum</a> | <a href="https://spenden.wikimedia.de/spenden/Datenschutz?piwik_campaign={{{CampaignName}}}&piwik_kwd={{{BannerName}}}-link&skin=10h16"">Datenschutz</a></div> |
| | <div id="{{{banner}}}_btn-form-close" class="{{{banner}}}_btn-white" style="width: 150px; margin: 12px auto 0">Formular schließen <span class="{{{banner}}}_btn-symbol">▲</span></div> |
| | </div> |
| | </div> |