MediaWiki:Common.js: mudanças entre as edições

De otPokemon Wiki
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
Linha 15: Linha 15:
}
}


document.addEventListener('DOMContentLoaded', function () {
const toggleDarkModeDiv = document.getElementsByClassName('clickable');
    const toggleDarkModeDiv = document.getElementsByClassName('clickable');
const content = document.getElementById('content');
    const content = document.getElementById('content');


    // Verifica se o modo escuro está ativado
for (i = 0; i < coll.length; i++) {
     if (localStorage.getItem('darkMode') === 'enabled') {
  toggleDarkModeDiv[i].addEventListener('click', function () {
        if (content.classList.contains('dark-mode')) {
            // Desativa o modo escuro se estiver ativado
            disableDarkMode();
        } else {
            // Ativa o modo escuro se estiver desativado
            enableDarkMode();
        }
     });
}
 
if (localStorage.getItem('darkMode') === 'enabled') {
         enableDarkMode();
         enableDarkMode();
     }
     }


    // Adiciona um ouvinte de evento para alternar o modo escuro
for (i = 0; i < coll.length; i++) {
    toggleDarkModeDiv.addEventListener('click', function () {
  toggleDarkModeDiv[i].addEventListener('click', function () {
         if (content.classList.contains('dark-mode')) {
         if (content.classList.contains('dark-mode')) {
             // Desativa o modo escuro se estiver ativado
             // Desativa o modo escuro se estiver ativado
Linha 34: Linha 44:
         }
         }
     });
     });
}


     function enableDarkMode() {
     function enableDarkMode() {
Linha 48: Linha 59:
         localStorage.setItem('darkMode', null);
         localStorage.setItem('darkMode', null);
     }
     }
});

Edição das 18h37min de 10 de novembro de 2023

/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */
var coll = document.getElementsByClassName("collapsi");
var i;

for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var content = this.nextElementSibling;
    if (content.style.maxHeight){
      content.style.maxHeight = null;
    } else {
      content.style.maxHeight = content.scrollHeight + "px";
    } 
  });
}

const toggleDarkModeDiv = document.getElementsByClassName('clickable');
const content = document.getElementById('content');

for (i = 0; i < coll.length; i++) {
  toggleDarkModeDiv[i].addEventListener('click', function () {
        if (content.classList.contains('dark-mode')) {
            // Desativa o modo escuro se estiver ativado
            disableDarkMode();
        } else {
            // Ativa o modo escuro se estiver desativado
            enableDarkMode();
        }
    });
}

if (localStorage.getItem('darkMode') === 'enabled') {
        enableDarkMode();
    }

for (i = 0; i < coll.length; i++) {
  toggleDarkModeDiv[i].addEventListener('click', function () {
        if (content.classList.contains('dark-mode')) {
            // Desativa o modo escuro se estiver ativado
            disableDarkMode();
        } else {
            // Ativa o modo escuro se estiver desativado
            enableDarkMode();
        }
    });
}

    function enableDarkMode() {
        // Ativa o modo escuro
        content.classList.add('dark-mode');
        // Salva o estado no localStorage
        localStorage.setItem('darkMode', 'enabled');
    }

    function disableDarkMode() {
        // Desativa o modo escuro
        content.classList.remove('dark-mode');
        // Salva o estado no localStorage
        localStorage.setItem('darkMode', null);
    }