MediaWiki:Common.js: mudanças entre as edições
Ir para navegação
Ir para pesquisar
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 15: | Linha 15: | ||
} | } | ||
const toggleDarkModeDiv = document.getElementsByClassName('clickable'); | |||
const content = document.getElementById('content'); | |||
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(); | ||
} | } | ||
for (i = 0; i < coll.length; i++) { | |||
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);
}