|
|
Zeile 1: |
Zeile 1: |
| <style> | | <style type="text/css"> |
| #centralNotice.collapsed #{{{banner}}}{ | | #centralNotice.collapsed #{{{banner}}} { |
| display: none; | | display: none; |
| } | | } |
Zeile 7: |
Zeile 7: |
| display: none; | | display: none; |
| font-family: Arial, Helvetica, Verdana, sans-serif; | | font-family: Arial, Helvetica, Verdana, sans-serif; |
| | overflow: hidden; |
| | position: absolute; |
| left: 0; | | left: 0; |
| position: fixed;
| |
| top: 0; | | top: 0; |
| width: 100%; | | width: 100%; |
| z-index: 9999; | | z-index: 9999; |
| } | | } |
| #{{{banner}}}-form-wrapper { | | div#{{{banner}}}-outerWrapper { |
| background: #eef0fc;
| | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); |
| box-shadow: 3px 0 5px rgba(0, 0, 0, 0.5); | |
| padding: 4px 8px;
| |
| } | | } |
| #{{{banner}}}-form { | | div#{{{banner}}} div#{{{banner}}}-wrapper { |
| height: 100%; | | background: #133B06; |
| | cursor: pointer; |
| | position: relative; |
| } | | } |
| #{{{banner}}}-form table { | | div#{{{banner}}} span#{{{banner}}}-tab { |
| border: none; | | display: block; |
| border-collapse: collapse; | | z-index: 100; |
| width: 100%; | | position: relative; |
| height: 100%; | | margin: 0 auto; |
| }
| | cursor: pointer; |
| #{{{banner}}}-form td {
| | |
| | background: #133b06 url(//upload.wikimedia.org/wikipedia/foundation/d/d4/Expandable-toggle.png) no-repeat; |
| | background-position: 105px -31px; |
| | |
| | width: 130px; |
| | height: 25px; |
| | color: white; |
| font-size: 12px; | | font-size: 12px; |
| | line-height: 25px; |
| font-weight: bold; | | 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 {
| |
| height: 20%;
| |
| }
| |
| #{{{banner}}}-form .paymentmethod-options td {
| |
| text-align: center; | | text-align: center; |
| padding: 4px 4px 8px 4px;
| |
| }
| |
| #{{{banner}}}-form button {
| |
| cursor: pointer;
| |
| display: inline-block;
| |
| font-weight: bold;
| |
| width: 110px;
| |
| border: 3px double #ddd;
| |
| border-radius: 8px;
| |
| background: #ffffff; /* Old browsers */
| |
| background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
| |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
| |
| background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
| |
| background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
| |
| background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
| |
| 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 {
| |
| background: #FFCC00 url(//upload.wikimedia.org/wikipedia/donate/c/c0/Information-icon.png) no-repeat 10px 8px;
| |
| min-height: 65px;
| |
| padding: 0;
| |
| position: relative;
| |
| width: 100%;
| |
| 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 {
| | border: 1px solid #a7a7a7; |
| font-family: Arial, Helvetica, Verdana, sans-serif; | | border-top: none; |
| position: relative; | | border-radius: 0 0 5px 5px; |
| margin: 0; | | -moz-border-radius: 0 0 5px 5px; |
| padding: 10px 40px 10px 40px; | | -webkit-border-radius: 0 0 5px 5px; |
| font-size: 13px;
| |
| line-height: 16px;
| |
| font-weight: normal;
| |
| z-index: -10; | |
| background: #FFCC00;
| |
| top: -100px;
| |
| text-align: center;
| |
| } | | } |
| | | div#{{{banner}}} span#{{{banner}}}-tab.close { |
| #{{{banner}}}-close-wrapper { | | background-position: 105px 4px; |
| width: 20px; | |
| } | | } |
|
| |
| div#{{{banner}}} span#{{{banner}}}-close { | | div#{{{banner}}} span#{{{banner}}}-close { |
| background: url(//upload.wikimedia.org/wikipedia/donate/2/27/Small-white-close.png) no-repeat center center; | | background: url(//upload.wikimedia.org/wikipedia/donate/2/27/Small-white-close.png) no-repeat center center black; |
| background-color: black;
| |
| cursor: pointer; | | cursor: pointer; |
| display: block; | | display: block; |
| height: 21px; | | height: 21px; |
| position: absolute; | | position: absolute; |
| right: 0px; | | text-indent: -9999px; |
| top: 0px; | | right: 0; |
| | top: 0; |
| width: 21px; | | width: 21px; |
| } | | } |
| div#{{{banner}}} #{{{banner}}}-facts p b { | | div#{{{banner}}} div#{{{banner}}}-landing { |
| background: yellow; | | background: #133b06; |
| color: black; | | color: #FFFFFF; |
| padding: 1px 0.5em; | | display: none; |
| | font-size: 11pt; |
| | } |
| | div#{{{banner}}} div#{{{banner}}}-message { |
| | margin: 10px 50px 20px 250px; |
| | } |
| | div#{{{banner}}}-message h2 { |
| | color: #FFFFFF; |
| | border: none; |
| | } |
| | div#{{{banner}}}-message a, div#{{{banner}}}_info a { |
| | color: #EEEEEE; |
| | text-decoration: underline; |
| | } |
| | div#{{{banner}}}-message a:hover, div#{{{banner}}}_info a:hover { |
| | color: #CCCCCC; |
| | text-decoration: underline; |
| } | | } |
| .interval-hidden { | | div#{{{banner}}} div#{{{banner}}}-landing span.landing-close { |
| display: none; | | color: #3f3f3f; |
| | cursor: pointer; |
| | font-size: 12px; |
| | position: absolute; |
| | right: 10px; |
| | top: 10px; |
| } | | } |
| #{{{banner}}}_info { | | #{{{banner}}}_info { |
| margin: 0 10px 0 40px; | | margin: 0; |
| font-size: 13px; | | font-size: 13px; |
| line-height: 16px; | | line-height: 16px; |
| position: relative; | | position: relative; |
| border-top: 1px solid #988A00; | | padding: 10px; |
| padding-top: 2px; | | background-color: #133B06; |
| | color: white; |
| } | | } |
| #{{{banner}}}_info div#binfo-sepa-info { | | #{{{banner}}}_info div#binfo-sepa-info { |
| position: absolute; | | position: absolute; |
| top: 2px; | | top: 10px; |
| background-color: #FFCC00; | | background-color: #133b06; |
| height: 20px; | | height: 20px; |
| width: 600px; | | width: 580px; |
| } | | } |
| div#{{{banner}}}_info span { | | div#{{{banner}}}_info span { |
Zeile 143: |
Zeile 110: |
| div#{{{banner}}}_info span.binfo-ucase { | | div#{{{banner}}}_info span.binfo-ucase { |
| text-transform: uppercase; | | text-transform: uppercase; |
| }
| |
| div#{{{banner}}}_info span.binfo-lblue {
| |
| color: #96A0AA;
| |
| }
| |
| div#{{{banner}}}_info span.binfo-dblue {
| |
| color: #000000;
| |
| } | | } |
| div#{{{banner}}}_info span.binfo-bold { | | div#{{{banner}}}_info span.binfo-bold { |
Zeile 161: |
Zeile 122: |
| color: #000000; | | color: #000000; |
| } | | } |
| div#{{{banner}}} span.btext-highlight {
| | |
| background-color: yellow;
| | #{{{banner}}}-photo { display: inline-block; } |
| padding: 1px 5px;
| | #{{{banner}}}-photo img { height: 120px; } |
| }
| | #{{{banner}}}-msg { position: absolute; top: 0; left: 250px; color: #FFFFFF; } |
| #donationMeterWrapper {
| | #{{{banner}}}-msg h1 { |
| position: relative;
| | color: #FFFFFF; |
| margin: 0 auto 4px auto;
| | border: medium none; |
| max-width: 1200px;
| | font-weight: bold; |
| }
| | font-size: 22pt; |
| #donationMeter {
| | margin: 0px; |
| margin: 0 auto;
| | padding: 28px 0px 6px; |
| height: 20px;
| | } |
| background: #FF6C00;
| | #{{{banner}}}-msg h1 span { border-bottom: 1px solid #FFFFFF; } |
| border: 2px solid #FF6C00;
| | #{{{banner}}}-msg p { font-size: 11pt; margin-right: 100px; } |
| border-radius: 8px;
| | #{{{banner}}}-logo { position: absolute; bottom: 25px; right: 25px; height: 60px; overflow: hidden; } |
| }
| | #{{{banner}}}-logo img { opacity: 0.8; } |
| #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> |
|
| |
|
| <div id="{{{banner}}}"><div style="box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);"> | | <div id="{{{banner}}}"> |
| <table id="{{{banner}}}-facts" style="height: 100%;"><!-- table height must be defined for height 100% to work on elements within it -->
| | <div id="{{{banner}}}-outerWrapper"> |
| <tr>
| | <div id="{{{banner}}}-wrapper"> |
| <td><table style="height: 100%"><tr><td valign="top" style="height: 1%"> | | <div id="{{{banner}}}-photo"> |
| <p>{{{banner-text}}}</p> | | <img src="{{{url-photo}}}" border="0" alt="Foto von Pavel Richter" /> |
| </td></tr> | | </div> |
| <tr><td> | | <div id="{{{banner}}}-msg"> |
| <div style="width: inherit; margin: 0 10px 0 35px;">
| | <h1>{{{msg-headline}}}</h1> |
| <div id="donationMeterWrapper">
| | <p>{{{msg-body}}}</p> |
| <div id="donationMeter"></div>
| | </div> |
| <div id="donationFill">
| | <div id="{{{banner}}}-logo"> |
| <div id="donationText"><span id="donationValue">0,0</span> Mio. €</div>
| | <img src="//upload.wikimedia.org/wikipedia/commons/2/2d/Wmde-logo-grayscale.png" border="0" alt="Logo von Wikimedia Deutschland e. V." /> |
| <div id="daysLeft">Nur noch <span id="numDaysLeft">11 Tage</span></div>
| | </div> |
| <div style="position: absolute; bottom: 0; right: 0">
| | </div> |
| <img src="//upload.wikimedia.org/wikipedia/commons/8/89/Pbar-tip-small.png">
| | <div id="{{{banner}}}-landing"> |
| </div>
| | <div id="{{{}}}-msg-wrapper" style="border-top: 1px solid #132006; border-bottom: 1px solid #132006;"> |
| </div> | | <div id="{{{banner}}}-message"> |
| <div id="donationRemaining">es fehlen <span id="valRem">6,1</span> Mio.</div> | | <h2>{{{appeal-header}}}</h2> |
| <div id="donationMessage"></div> | | <p>{{{appeal-p1}}}</p> |
| | <p>{{{appeal-p2}}}</p> |
| | <p>{{{appeal-p3}}}</p> |
| | <p>{{{appeal-p4}}}</p> |
| | <p>{{{appeal-p5}}}</p> |
| | </div> |
| | </div> |
| | <div id="{{{banner}}}_info"> |
| | <div style="float: right;"><a href="http://meta.wikimedia.org/wiki/Wikimedia_Deutschland/2014_annual_plan/de">Jahresplan 2014</a> | <a href="http://www.wikimedia.de/">Wikimedia Deutschland e. V.</a> | <a href="http://wikimediafoundation.org/wiki/Home">Wikimedia Foundation</a></div> |
| | <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> | | </div> |
| | <span class="binfo-sepa-box">SEPA</span> |
| </div> | | </div> |
| </td></tr>
| | <div id="binfo-sepa-info" style="display: none;"> |
| <tr><td style="height: 1%">
| | <div style="display: inline-block"> |
| <div id="{{{banner}}}_info"> | | <span class="binfo-ucase binfo-dblue">Spendenkonto</span> |
| <div id="binfo-bank-info">
| | <span class="binfo-label binfo-dblue">BIC</span> |
| <div style="display: inline-block">
| | <span class="binfo-bold binfo-dblue">BFSWDE33BER</span> |
| <span class="binfo-ucase binfo-dblue">Spendenkonto</span>
| | <span class="binfo-label binfo-dblue">IBAN</span> |
| <span class="binfo-bold binfo-dblue">Wikimedia Fördergesellschaft</span>
| | <span class="binfo-bold binfo-dblue">DE33 1002 0500 0001 1947 00</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> |
| | <span class="binfo-sepa-box" style="margin-left: 21px;">✖</span> |
| </div> | | </div> |
| </td></tr></table></td>
| | <!-- | Wikimedia Deutschland Jahresbericht 2013 | Wikimedia Deutschland e. V. | Wikimedia Foundation --> |
| | | </div> |
| <td id="{{{banner}}}-form-wrapper">
| | </div> |
| <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}}}">
| | </div> |
| <table>
| | <span id="{{{banner}}}-tab">{{{btn-text-1}}}</span> |
| <tr class="frequency-options">
| | <span id="{{{banner}}}-close">{{{btn-text-close}}}</span> |
| <td colspan="2">
| | <img src="" id="wmde-expand-track" border="0" height="0" width="0" /> |
| <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="$('#zahlweise').val('BEZ');">Lastschrift</button>
| |
| </td>
| |
| <td colspan="2" style="text-align: left">
| |
| <button class="send" onclick="$('#zahlweise').val('UEB');">Überweisung</button><br />
| |
| </td>
| |
| </tr>
| |
| <tr>
| |
| <td colspan="2" style="text-align: right">
| |
| <button class="send" onclick="$('#zahlweise').val('MCP');">Kreditkarte</button>
| |
| </td>
| |
| <td colspan="2" style="text-align: left">
| |
| <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="10h16_Form2" />
| |
| <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="{{{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> | | </div> |
|
| |
|
| <script type="text/javascript"> | | <script type="text/javascript"> |
| $( document ).ready( function() { | | $(document).ready( function () { |
| $('body').prepend($('#centralNotice'));
| | if ( wgAction === "view" && increaseBannerImpCount() <= parseInt( '{{{banner-max-imp}}}' ) ) { |
| | $('body').prepend($('#centralNotice')); |
| | addBannerSpace(); |
|
| |
|
| var impCount = increaseImpCount();
| | $('span#{{{banner}}}-close').click(function() { |
| $("#impCount").val(impCount);
| | hideBanner(); |
| var bannerImpCount = increaseBannerImpCount();
| | removeBannerSpace(); |
| $("#bImpCount").val(bannerImpCount);
| | return false; |
| | }); |
|
| |
|
| if ( wgAction === "view" ) {
| | $('span.binfo-sepa-box').click( function() { |
| setTimeout( addBannerSpace, 7500 );
| | if ( $( 'div#binfo-sepa-info' ).is( ':visible' ) ) { |
| }
| | $( 'div#binfo-sepa-info' ).slideUp(); |
| if(wgUserName !== null) $('#wikilogin').val('yes');
| | } else { |
| $(window).resize(function() {
| | $( 'div#binfo-sepa-info' ).slideDown(); |
| animateProgressBar();
| | } |
| });
| | }); |
|
| |
|
| $( ".send" ).click( function( e ) {
| | $('div#{{{banner}}}-wrapper, span#{{{banner}}}-tab').click(function(e) { |
| return validateForm();
| | if ($('div#{{{banner}}} div#{{{banner}}}-landing').is(':visible')){ |
| });
| | $('div#{{{banner}}}-landing').slideUp(150); |
| | $('#{{{banner}}}-tab').removeClass('close').html('{{{btn-text-1}}}'); |
| | } 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); |
| | $('#{{{banner}}}-tab').addClass('close').html('{{{btn-text-close}}}'); |
| | } |
| | }); |
|
| |
|
| $('#{{{banner}}}-close').click(function() {
| | $('div#{{{banner}}} div#{{{banner}}}-landing span.landing-close').click(function() { |
| hideBanner();
| | $('div#{{{banner}}}-landing').slideUp(150); |
| removeBannerSpace();
| | return false; |
| return false;
| | }); |
| });
| |
| | |
| $('span.binfo-sepa-box').click( function() {
| |
| if ( $( 'div#binfo-sepa-info' ).is( ':visible' ) ) {
| |
| $( 'div#binfo-sepa-info' ).slideUp();
| |
| } else {
| |
| $( 'div#binfo-sepa-info' ).slideDown(); | |
| } | | } |
| }); | | }); |
|
| |
| $('span#numDaysLeft').text( getDaysRemaining() );
| |
| });
| |
|
| |
| 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();
| |
| }
| |
| });
| |
| }
| |
|
| |
|
| function addBannerSpace() { | | function addBannerSpace() { |
| var expandableBannerHeight = $('div#{{{banner}}}').height() + 44; | | var expandableBannerHeight = $( 'div#{{{banner}}}' ).height(); |
| switch(skin) { | | $('#mw-panel').css( 'top', expandableBannerHeight + 160 ); |
| case 'vector':
| | $('#mw-head').css( 'top', expandableBannerHeight ); |
| $('#{{{banner}}}').css( 'top', 0 - expandableBannerHeight );
| | $('#mw-page-base').css( 'paddingTop', 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}}}').css('display', 'block'); |
| $('#{{{banner}}}').animate({top: 0}, 1000);
| |
| setTimeout(animateProgressBar, 1000);
| |
| } | | } |
| | |
| function removeBannerSpace() { | | function removeBannerSpace() { |
| switch(skin) { | | $('#mw-panel').css('top', 160); |
| case 'vector':
| | $('#mw-head').css('top', 0); |
| $('#mw-panel').css('top', 160);
| | $('#mw-page-base').css('padding-top', 0); |
| $('#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;
| |
| } | | } |
|
| |
|
Zeile 501: |
Zeile 255: |
| var impCount = 0; | | var impCount = 0; |
|
| |
|
| if($.cookie('centralnotice_single_banner_impression_count')) { | | if( $.cookie('centralnotice_single_banner_impression_count') && !window.location.search.match( /bReset=1/ ) ) { |
| var impCountCookie = $.cookie('centralnotice_single_banner_impression_count'); | | var impCountCookie = $.cookie('centralnotice_single_banner_impression_count'); |
| var bannerImpCount = impCountCookie.split("|"); | | var bannerImpCount = impCountCookie.split("|"); |
Zeile 510: |
Zeile 264: |
| $.cookie('centralnotice_single_banner_impression_count', '{{{banner}}}|' + (impCount + 1), { expires: 7, path: '/' }); | | $.cookie('centralnotice_single_banner_impression_count', '{{{banner}}}|' + (impCount + 1), { expires: 7, path: '/' }); |
| return (impCount + 1); | | return (impCount + 1); |
| }
| |
|
| |
| function validateForm() {
| |
| 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> |