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 16: Linha 16:


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


     // Verifica se o modo escuro está ativado
     // Verifica se o modo escuro está ativado
Linha 26: Linha 26:
     // Adiciona um ouvinte de evento para alternar o modo escuro
     // Adiciona um ouvinte de evento para alternar o modo escuro
     toggleDarkModeDiv.addEventListener('click', function () {
     toggleDarkModeDiv.addEventListener('click', function () {
         if (mw-panel.classList.contains('dark-mode')) {
         if (content.classList.contains('dark-mode')) {
             // Desativa o modo escuro se estiver ativado
             // Desativa o modo escuro se estiver ativado
             disableDarkMode();
             disableDarkMode();
Linha 37: Linha 37:
     function enableDarkMode() {
     function enableDarkMode() {
         // Ativa o modo escuro
         // Ativa o modo escuro
         mw-panel.classList.add('dark-mode');
         content.classList.add('dark-mode');
         // Salva o estado no localStorage
         // Salva o estado no localStorage
         localStorage.setItem('darkMode', 'enabled');
         localStorage.setItem('darkMode', 'enabled');
Linha 44: Linha 44:
     function disableDarkMode() {
     function disableDarkMode() {
         // Desativa o modo escuro
         // Desativa o modo escuro
         mw-panel.classList.remove('dark-mode');
         content.classList.remove('dark-mode');
         // Salva o estado no localStorage
         // Salva o estado no localStorage
         localStorage.setItem('darkMode', null);
         localStorage.setItem('darkMode', null);
     }
     }
});
});

Edição das 18h34min 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";
    } 
  });
}

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

    // Verifica se o modo escuro está ativado
    if (localStorage.getItem('darkMode') === 'enabled') {
        enableDarkMode();
    }

    // Adiciona um ouvinte de evento para alternar o modo escuro
    toggleDarkModeDiv.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);
    }
});