MediaWiki:Vector.js: verschil tussen versies

Uit Wildpluk wiki
Geen bewerkingssamenvatting
kGeen bewerkingssamenvatting
 
(3 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
/* Alle hier geplaatste JavaScript-code wordt geladen voor gebruikers van de vormgeving Vector */
/* Alle hier geplaatste JavaScript-code wordt geladen voor gebruikers van de vormgeving Vector */
// Selecteer de huidige maand in de pluktips zodra Tabber klaar is
function observeTabberClass() {
function observeTabberClass() {
     // Function to run when the class is added
     // Function to run when the class is added
     function selectCurrentMonthTab() {
     function selectCurrentMonthTab() {
         const currentMonth = new Date().getMonth() + 1;
         var currentMonth = new Date().getMonth() + 1;
         const currentTab = document.querySelector('.pluktips .tabber__tabs :nth-child(' + currentMonth + ')');
         var currentTab = document.querySelector('.pluktips .tabber__tabs :nth-child(' + currentMonth + ')');
         if (currentTab) {
         if (currentTab) {
             currentTab.click();
             currentTab.click();
Regel 11: Regel 13:


     // Observe changes on the element with class 'tabber'
     // Observe changes on the element with class 'tabber'
     const tabberElement = document.querySelector('.tabber');
     var tabberElement = document.querySelector('.tabber');
     const observerConfig = { attributes: true, attributeFilter: ['class'] };
     var observerConfig = { attributes: true, attributeFilter: ['class'] };


     const observerCallback = function(mutationsList) {
     var observerCallback = function(mutationsList) {
         for (const mutation of mutationsList) {
         for (var i = 0; i < mutationsList.length; i++) {
            var mutation = mutationsList[i];
             if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
             if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
                 if (mutation.target.classList.contains('tabber--live')) {
                 if (mutation.target.classList.contains('tabber--live')) {
                     selectCurrentMonthTab();
                     selectCurrentMonthTab();
                     observer.disconnect(); // Stop observing after the class is added
                     observer.disconnect(); // Stop observing after the class is added
                    break;
                 }
                 }
             }
             }
Regel 25: Regel 29:
     };
     };


     const observer = new MutationObserver(observerCallback);
     var observer = new MutationObserver(observerCallback);
     observer.observe(tabberElement, observerConfig);
     observer.observe(tabberElement, observerConfig);
}
}

Huidige versie van 28 mei 2024 om 16:29

/* Alle hier geplaatste JavaScript-code wordt geladen voor gebruikers van de vormgeving Vector */

// Selecteer de huidige maand in de pluktips zodra Tabber klaar is
function observeTabberClass() {
    // Function to run when the class is added
    function selectCurrentMonthTab() {
        var currentMonth = new Date().getMonth() + 1;
        var currentTab = document.querySelector('.pluktips .tabber__tabs :nth-child(' + currentMonth + ')');
        if (currentTab) {
            currentTab.click();
        }
    }

    // Observe changes on the element with class 'tabber'
    var tabberElement = document.querySelector('.tabber');
    var observerConfig = { attributes: true, attributeFilter: ['class'] };

    var observerCallback = function(mutationsList) {
        for (var i = 0; i < mutationsList.length; i++) {
            var mutation = mutationsList[i];
            if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
                if (mutation.target.classList.contains('tabber--live')) {
                    selectCurrentMonthTab();
                    observer.disconnect(); // Stop observing after the class is added
                    break;
                }
            }
        }
    };

    var observer = new MutationObserver(observerCallback);
    observer.observe(tabberElement, observerConfig);
}

// Call the function to start observing
observeTabberClass();