MediaWiki: Common.js: Unterschied zwischen den Versionen

Aus UDI
Wechseln zu: Navigation, Suche
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');
             var activeTab = document.querySelector('.tab-pane active');
    const tabContents = document.querySelectorAll('.tab-pane');
             if (activeTab) {
    const closeBtn = document.getElementById('closeActiveTab');
                activeTab.classList.remove('tab-pane active');
 
                var target = activeTab.querySelector('span').getAttribute('data-target');
    tabs.forEach(tab => {
                var content = document.querySelector(target);
        tab.addEventListener('click', function() {
               
             const target = this.getAttribute('data-target');
                if (content) {
 
                    content.classList.remove('active');
             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 */