MediaWiki:Script/Tabber.js
Hinweis: Leere nach dem Speichern 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
- Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.
function changeDisplay(button, textContainer, method) {
button.classList[method]('tabber-active');
textContainer.children[button.dataset.position].classList[method]('tabber-active');
}
function globalChange(button, allButton, allText, activation, changeUrl, bool = false) {
if (button.classList.contains('button')) {
var activeButton = allButton.querySelector('.tabber-active');
if (activation || button !== activeButton) {
if (bool && changeUrl) {
var newHash = '#'+button.id;
history.pushState({}, '', newHash);
}
changeDisplay(button, allText, 'toggle');
if (button !== activeButton && activeButton !== null) {
changeDisplay(activeButton, allText, 'remove');
}
}
}
}
function updateTabber(buttonContainer, textContainer, activation, changeUrl) {
var targetButton = buttonContainer.querySelector(':target');
buttonContainer.addEventListener('click', function(event) {
globalChange(event.target, buttonContainer, textContainer, activation, changeUrl, true);
});
if (targetButton !== null) {
globalChange(targetButton, buttonContainer, textContainer, false, false);
}
}
function updateTabberWithUrlChange() {
window.addEventListener('hashchange', function(e) {
var newHash = e.target.location.hash;
if (newHash !== '') {
var targetButton = document.getElementById(newHash.slice(1));
if (targetButton !== null) {
if (targetButton.classList.contains('button')) {
var [buttonContainer, textContainer] = targetButton.parentElement.parentElement.children;
globalChange(targetButton, buttonContainer, textContainer, false, false);
}
}
}
});
}
(function() {
var tabberContainer = document.querySelectorAll('div.tabber-container');
tabberContainer.forEach(function(tabber) {
var [buttonContainer, textContainer] = tabber.children;
updateTabber(buttonContainer, textContainer, !tabber.dataset.activation, tabber.dataset.url);
});
updateTabberWithUrlChange();
})();