MediaWiki: Common.js: Unterschied zwischen den Versionen
Aus UDI
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 3: | Zeile 3: | ||
/* Anfang Button zum Schließen */ | /* Anfang Button zum Schließen */ | ||
document.addEventListener('DOMContentLoaded', function() { | document.addEventListener('DOMContentLoaded', function() { | ||
document.getElementById('closeActiveTab').addEventListener('click', function() { | const tabs = document.querySelectorAll('.nav-tabs span'); | ||
const tabContents = document.querySelectorAll('.tab-pane'); | |||
const closeBtn = document.getElementById('closeActiveTab'); | |||
tabs.forEach(tab => { | |||
tab.addEventListener('click', function() { | |||
const target = this.getAttribute('data-target'); | |||
tabs.forEach(tab => tab.parentElement.classList.remove('active')); | |||
this.parentElement.classList.add('active'); | |||
tabContents.forEach(content => content.classList.remove('active')); | |||
document.querySelector(target).classList.add('active'); | |||
}); | }); | ||
}); | |||
closeBtn.addEventListener('click', function() { | |||
const activeTab = document.querySelector('.nav-tabs .active'); | |||
const activeContent = document.querySelector('.tab-content .tab-pane.active'); | |||
if (activeTab && activeContent) { | |||
activeTab.classList.remove('active'); | |||
activeContent.classList.remove('active'); | |||
} | |||
}); | |||
}); | }); | ||
/* Ende Button */ | /* Ende Button */ | ||
Version vom 30. Juli 2024, 19:17 Uhr
/* Das folgende JavaScript wird für alle Benutzer geladen. */
/* Anfang Button zum Schließen */
document.addEventListener('DOMContentLoaded', function() {
const tabs = document.querySelectorAll('.nav-tabs span');
const tabContents = document.querySelectorAll('.tab-pane');
const closeBtn = document.getElementById('closeActiveTab');
tabs.forEach(tab => {
tab.addEventListener('click', function() {
const target = this.getAttribute('data-target');
tabs.forEach(tab => tab.parentElement.classList.remove('active'));
this.parentElement.classList.add('active');
tabContents.forEach(content => content.classList.remove('active'));
document.querySelector(target).classList.add('active');
});
});
closeBtn.addEventListener('click', function() {
const activeTab = document.querySelector('.nav-tabs .active');
const activeContent = document.querySelector('.tab-content .tab-pane.active');
if (activeTab && activeContent) {
activeTab.classList.remove('active');
activeContent.classList.remove('active');
}
});
});
/* Ende Button */
