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); }