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 34: Linha 34:
     }
     }


for (i = 0; i < coll.length; i++) {
for (i = 0; i < toggleDarkModeDiv.length; i++) {
   toggleDarkModeDiv[i].addEventListener('click', function () {
   toggleDarkModeDiv[i].addEventListener('click', function () {
         if (content.classList.contains('dark-mode')) {
         if (content.classList.contains('dark-mode')) {

Edição das 18h38min 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 < toggleDarkModeDiv.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);
    }