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 */