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


var coll2 = document.getElementsByClassName("darkmode");
const toggle = document.getElementById("toggle");
var i;
const refresh = document.getElementById("refresh");
const theme = window.localStorage.getItem("theme");


for (i = 0; i < coll2.length; i++) {
/* verifica se o tema armazenado no localStorage é escuro
  coll2[i].addEventListener("click", function() {
se sim aplica o tema escuro ao body */
   
if (theme === "dark") document.body.classList.add("dark");
  var element = document.body;
 
  element.classList.toggle("dark-mode");
// event listener para quando o botão de alterar o tema for clicado
   });
toggle.addEventListener("click", () => {
}
  document.body.classList.toggle("dark");
function myFunction() {
  if (theme === "dark") {
  var element = document.body;
    window.localStorage.setItem("theme", "light");
  element.classList.toggle("dark-mode");
   } else window.localStorage.setItem("theme", "dark");
}
});
 
refresh.addEventListener("click", () => {
  window.location.reload();
});

Edição das 17h00min 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 toggle = document.getElementById("toggle");
const refresh = document.getElementById("refresh");
const theme = window.localStorage.getItem("theme");

/* verifica se o tema armazenado no localStorage é escuro
se sim aplica o tema escuro ao body */
if (theme === "dark") document.body.classList.add("dark");

// event listener para quando o botão de alterar o tema for clicado
toggle.addEventListener("click", () => {
  document.body.classList.toggle("dark");
  if (theme === "dark") {
    window.localStorage.setItem("theme", "light");
  } else window.localStorage.setItem("theme", "dark");
});

refresh.addEventListener("click", () => {
  window.location.reload();
});