MediaWiki:Common.js
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* Das folgende JavaScript wird für alle Benutzer geladen. */
// === Skript 1 ===
/* Charity-Popup (v9) – mit zwei Buttons nebeneinander/untereinander je nach Platz */
mw.loader.using(['mediawiki.util', 'jquery']).then(function () {
(function ($, mw) {
'use strict';
var CONFIG = {
enabled: true,
id: 'charity_notice_v9', // Version hochsetzen, damit alle es sehen
title: 'Charity für kinderherzen e.V',
logoUrl: 'https://www.kinderherzen.de/wp-content/uploads/2019/03/kinderherzen.de_orange_RGB.jpg',
html:
'<p>Liebe Whisky, ADoS Heads,</p>' +
'<p>wir wurden jetzt schon gefragt, ob ihr dieses Wiki-Projekt unterstützen könnt.</p>' +
'<p>Wir freuen uns sehr, dass dieses Projekt so gut angenommen wurde.</p>' +
'<p>Wir würden uns daher sehr freuen, wenn ihr anstatt uns, lieber das Projekt vom Whiskywaiter unterstützen würdet.</p>' +
'<p><strong>Jede Spende zählt!</strong></p>' +
'<p><a href="https://www.kinderherzen.de/whisky-fuer-den-guten-zweck/" target="_blank" rel="noopener" class="mw-ui-button">Mehr erfahren</a></p>',
wikiButton: {
text: 'Mehr auf dem Wiki',
url: 'https://ados-wiki.de/index.php?title=Charity-Event_%E2%80%9EWhisky_f%C3%BCr_den_guten_Zweck%E2%80%9C_%E2%80%93_The_Whisky_Waiter'
},
showOnNamespaces: 'all',
dailyLimit: 1,
escToClose: true,
clickBackdropToClose: true
};
if (!CONFIG.enabled) return;
var ns = mw.config.get('wgNamespaceNumber');
if (CONFIG.showOnNamespaces !== 'all' &&
$.isArray(CONFIG.showOnNamespaces) &&
$.inArray(ns, CONFIG.showOnNamespaces) === -1) {
return;
}
var isAnon = mw.config.get('wgUserName') === null;
function storageGet(k){ try { return window.localStorage.getItem(k); } catch (e) { return null; } }
function storageSet(k,v){ try { window.localStorage.setItem(k, v); } catch (e) {} }
var key = 'popup_' + CONFIG.id + (isAnon ? ':anon' : ':user');
var today = (function(d){ return d.getFullYear() + '-' + ('0'+(d.getMonth()+1)).slice(-2) + '-' + ('0'+d.getDate()).slice(-2); })(new Date());
if (storageGet(key) === today) return;
function markSeen(){ storageSet(key, today); }
$(function () {
var $overlay = $('<div>', { 'class': 'mw-popup-overlay' });
var $modal = $('<div>', {
'class': 'mw-popup-modal',
'role': 'dialog',
'aria-modal': 'true',
'aria-labelledby': 'mw-popup-title'
});
var $logoWrap = $('<div>', { 'class': 'mw-popup-logo' })
.append($('<div>', { 'class': 'mw-popup-heart' }))
.append($('<img>', { src: CONFIG.logoUrl, alt: 'Kinderherzen Logo' }));
var $title = $('<h2>', { id: 'mw-popup-title' }).text(CONFIG.title);
var $content = $('<div>', { 'class': 'mw-popup-content' }).html(CONFIG.html);
var $btnOk = $('<button>', { 'class': 'mw-popup-close', type: 'button' }).text('OK');
var $btnWiki = $('<a>', {
'class': 'mw-popup-wiki-button',
'href': CONFIG.wikiButton.url,
'target': '_blank',
'rel': 'noopener'
}).text(CONFIG.wikiButton.text);
var $btnWrapper = $('<div>', { 'class': 'mw-popup-button-row' }).append($btnOk, $btnWiki);
$modal.append($logoWrap, $title, $content, $btnWrapper);
$('body').append($overlay, $modal);
// Fokus setzen
setTimeout(function(){ try { $modal.attr('tabindex','-1').focus(); } catch(e) {} }, 0);
function close() {
markSeen();
$overlay.remove();
$modal.remove();
$(document).off('keydown.mwpopup');
}
$btnOk.on('click', close);
if (CONFIG.clickBackdropToClose) $overlay.on('click', close);
if (CONFIG.escToClose) {
$(document).on('keydown.mwpopup', function (e) {
var key = e.key || e.keyCode;
if (key === 'Escape' || key === 'Esc' || key === 27) {
e.preventDefault();
close();
}
});
}
markSeen();
});
})(jQuery, mw);
});
// === Skript 2 ===
/* Sticky Charity Banner (v1) – MediaWiki
- Fix am oberen Rand
- Schließen mit Erinnerung (session/day/forever)
- Automatisches Ende via endISO
- Links: Extern + interne Wiki-Seite
*/
mw.loader.using(['mediawiki.util', 'jquery']).then(function () {
(function ($, mw) {
'use strict';
var CONFIG = {
enabled: true,
id: 'charity_banner_v1', // Bei inhaltlichen Änderungen erhöhen
text: '❤️ Unterstütze die Kinderherzen-Charity – Jede Spende zählt!',
primary: { // Externer Link
label: 'Mehr erfahren',
href: 'https://www.kinderherzen.de/whisky-fuer-den-guten-zweck/'
},
secondary: { // Interner Wiki-Link
label: 'Mehr auf dem Wiki',
href: 'https://ados-wiki.de/index.php?title=Charity-Event_%E2%80%9EWhisky_f%C3%BCr_den_guten_Zweck%E2%80%9C_%E2%80%93_The_Whisky_Waiter'
},
showOnNamespaces: 'all', // 'all' oder Array z. B. [0,4]
endISO: null, // z. B. '2025-10-06T23:59:59Z' (danach ausgeblendet)
dismiss: { mode: 'day' }, // 'session' | 'day' | 'forever'
zIndex: 10050 // über normalen Headern
};
if (!CONFIG.enabled) return;
// Zeitfenster prüfen
if (CONFIG.endISO && new Date() > new Date(CONFIG.endISO)) return;
// Namespace-Filter
var ns = mw.config.get('wgNamespaceNumber');
if (CONFIG.showOnNamespaces !== 'all' &&
$.isArray(CONFIG.showOnNamespaces) &&
$.inArray(ns, CONFIG.showOnNamespaces) === -1) {
return;
}
// Dismiss-Speicher
function getLS(k){ try { return localStorage.getItem(k); } catch(e){ return null; } }
function setLS(k,v){ try { localStorage.setItem(k,v); } catch(e){} }
var key = 'sticky_banner:' + CONFIG.id;
var today = (function(d){ return d.getFullYear()+'-'+('0'+(d.getMonth()+1)).slice(-2)+'-'+('0'+d.getDate()).slice(-2); })(new Date());
var dismissed = getLS(key);
if (CONFIG.dismiss.mode === 'forever' && dismissed) return;
if (CONFIG.dismiss.mode === 'day' && dismissed === today) return;
// session: nicht in localStorage speichern → immer wieder pro Session möglich
$(function () {
// Banner HTML
var $bar = $('<div>', {
'class': 'mw-sticky-banner',
'role': 'region',
'aria-label': 'Charity-Hinweis',
'style': 'z-index:' + CONFIG.zIndex + ';'
});
var $inner = $('<div>', { 'class': 'mw-sticky-banner__inner' });
var $text = $('<div>', { 'class': 'mw-sticky-banner__text', 'html': mw.html.escape(CONFIG.text) });
// Buttons
var $btns = $('<div>', { 'class': 'mw-sticky-banner__btns' });
if (CONFIG.primary && CONFIG.primary.href) {
$btns.append($('<a>', {
'class': 'mw-sticky-banner__btn mw-sticky-banner__btn--primary',
'href': CONFIG.primary.href,
'target': '_blank',
'rel': 'noopener'
}).text(CONFIG.primary.label || 'Mehr erfahren'));
}
if (CONFIG.secondary && CONFIG.secondary.href) {
$btns.append($('<a>', {
'class': 'mw-sticky-banner__btn mw-sticky-banner__btn--secondary',
'href': CONFIG.secondary.href
}).text(CONFIG.secondary.label || 'Mehr auf dem Wiki'));
}
var $close = $('<button>', {
'class': 'mw-sticky-banner__close',
'type': 'button',
'aria-label': 'Banner schließen'
}).text('×');
$inner.append($text, $btns, $close);
$bar.append($inner);
$('body').prepend($bar);
$('body').addClass('mw-sticky-banner-active');
function rememberDismiss() {
if (CONFIG.dismiss.mode === 'forever') { setLS(key, '1'); }
else if (CONFIG.dismiss.mode === 'day') { setLS(key, today); }
// session → nichts speichern
}
function close() {
rememberDismiss();
$bar.remove();
$('body').removeClass('mw-sticky-banner-active');
}
$close.on('click', close);
});
})(jQuery, mw);
});