MediaWiki:Centralnotice-template-Leichte Sprache Banner Apple: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen

MediaWiki:Centralnotice-template-Leichte Sprache Banner Apple (Quelltext anzeigen)

Version vom 11. September 2018, 11:51 Uhr

216 Bytes hinzugefügt ,  11. September 2018
keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 4: Zeile 4:
<br>
<br>


<style>
<html>
  <head>
    <style>
   #centralNotice.collapsed #{{{banner}}}{
   #centralNotice.collapsed #{{{banner}}}{
     display: none;
     display: none;
Zeile 132: Zeile 134:
     padding: 1px 0.5em;
     padding: 1px 0.5em;
   }
   }
</style>
</style> </head>
 
  <body>
<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 style="box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);">
    <tr>
        <table id="{{{banner}}}-facts" style="height: 100%;">
      <td>
          <!-- table height must be defined for height 100% to work on elements within it -->
        <p>{{{banner-text}}}</p>
           <tbody>
      </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').toggleClass('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').toggleClass('interval-hidden');$('#interval_onetime').attr('checked', false);" />
                <label for="interval_multiple" class="interval-label">regelm&auml;&szlig;ig</label>
              </td>
            </tr>
            <tr class="interval-options interval-hidden">
              <td colspan="2">
                <input type="radio" name="interval" class="amount-radio" id="interval1" value="1" />
                <label for="interval1" class="interval-label">monatlich</label>
              </td>
              <td colspan="2">
                <input type="radio" name="interval" class="amount-radio" id="interval3" value="3" />
                <label for="interval3" class="interval-label">vierteljährlich</label><br />
              </td>
            </tr>
            <tr class="interval-options interval-hidden">
              <td colspan="2">
                <input type="radio" name="interval" class="amount-radio" id="interval6" value="6" />
                <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>
             <tr>
              <td colspan="4" style="height: 1px;"><hr /></td>
            </tr>
            <tr class="amount-options">
              <td>
                <input type="radio" class="amount-radio" name="betrag" 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" 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" 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" 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" 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" 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" onclick="document.donationForm.amountGiven.value = ''" id="amount250" value="250" />
                <label class="amount-label" style="width: 36px;" for="amount250">250 €</label>
              </td>
               <td>
               <td>
                 <input type="radio" class="amount-radio" name="betrag" id="amount_other" value="" />
                 <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                <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>
               <td colspan="2" style="text-align: left">
               <td id="{{{banner}}}-form-wrapper"> <input src="https://www.paypalobjects.com/de_DE/DE/i/btn/btn_donate_LG.gif"
                 <button class="send" onclick="$('#form-page').val('Formularseite2-Überweisung');">Überweisung</button><br />
                  name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal."
                  type="image" border="0"><img alt="" src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif"
                  width="1" height="1" border="0">
                <table>
                  <tbody>
                    <tr>
                      <td colspan="4" style="height: 1px;">
                        <hr></td>
                    </tr>
                    <tr class="amount-options">
                      <form action="https://www.paypal.com/cgi-bin/webscr" method="post"
                        target="_top"></form>
                      <input name="cmd" value="_s-xclick" type="hidden">
                      <input name="hosted_button_id" value="PJZZZMESJX5Z2" type="hidden">
                    </tr>
                    <tr>
                    </tr>
                    <tr>
                    </tr>
                  </tbody>
                </table>
                 <input name="periode" id="periode" value="" type="hidden"> <input
                  id="form-page" name="form" value="Formularseite2-Lastschrift"
                  type="hidden"> <input id="wikilogin" name="wikilogin" value="no"
                  type="hidden"> <input id="impCount" name="impCount" value=""
                  type="hidden"> <input id="bImpCount" name="bImpCount" value=""
                  type="hidden"> </td>
              <td id="{{{banner}}}-close-wrapper"> <span id="{{{banner}}}-close">&nbsp;</span>
               </td>
               </td>
             </tr>
             </tr>
            <tr>
           </tbody>
              <td colspan="2" style="text-align: right">
         </table>
                <button class="send" onclick="$('#form-page').val('Formularseite2-Micropayment');">Kreditkarte</button>
       </div>
              </td>
       <p id="{{{banner}}}-legal"> <strong style="color: #0078FF;">Spendenkonto:</strong>
              <td colspan="2" style="text-align: left">
        Wikimedia Fördergesellschaft - Kontonummer <strong style="color: #0078FF">1194700</strong>
                <button id="btn-ppl" class="send" onclick="$('#form-page').val('Formularseite2-PayPal');">PayPal</button>
        - Bankleitzahl <strong style="color: #0078FF">10020500</strong> - BIC
              </td>
        BFSWDE33BER - IBAN DE33 1002 0500 0001 1947 00 </p>
            </tr>
    </div>
          </table>
    <script type="text/javascript">
          <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">&nbsp;</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'));
   $('body').prepend($('#centralNotice'));
Zeile 287: Zeile 221:
});
});


function addBannerSpace() {
  var expandableBannerHeight = $('div#{{{banner}}}').height() + 44 + $('div#{{{banner}}}-legal').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);
}
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('to<span bluegriffonstandalone='true' bluegriffonsourceselected='true'></span>p', 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 {
      $('#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.length; i++ ) {
    if ( form.betrag[i].checked ) {
      amount = form.betrag[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>
  </body>
</html>
Admin
Bürokraten, Administratoren
5.657

Bearbeitungen

Abgerufen von „https://hurraki.de/wiki/Spezial:Mobiler_Unterschied/31288“

Navigationsmenü