MediaWiki:Common.js: mudanças entre as edições
De SimplesWiki
(Criou página com '→Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki: // Adiciona função para voltar ao topo function addScrollToTopButton() { const button = document.createElement('span'); button.id = 'scrollToTopButton'; button.textContent = '↑'; button.style.cssText = ` display: inline-block; width: 30px; height: 30px; background-color: #007BFF; color: white;...') |
Sem resumo de edição |
||
Linha 1: | Linha 1: | ||
/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */ | /* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */ | ||
// Adiciona função para voltar ao topo | |||
// Adiciona função para voltar ao topo | // Adiciona função para voltar ao topo | ||
function addScrollToTopButton() { | function addScrollToTopButton() { | ||
// Cria o botão | |||
var button = document.createElement('span'); | |||
button.id = 'scrollToTopButton'; | button.id = 'scrollToTopButton'; | ||
button.textContent = '↑'; | button.textContent = '↑'; | ||
button.style. | button.style.display = 'inline-block'; | ||
button.style.width = '30px'; | |||
button.style.height = '30px'; | |||
button.style.backgroundColor = '#007BFF'; | |||
button.style.color = 'white'; | |||
button.style.fontSize = '20px'; | |||
button.style.borderRadius = '50%'; | |||
button.style.cursor = 'pointer'; | |||
button.style.textAlign = 'center'; | |||
button.style.lineHeight = '30px'; | |||
button.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.2)'; | |||
button.style.position = 'fixed'; | |||
button.style.bottom = '20px'; | |||
button.style.right = '20px'; | |||
button.style.zIndex = '1000'; | |||
// Adiciona o evento de clique | |||
button. | button.onclick = function () { | ||
window.scrollTo( | window.scrollTo(0, 0); | ||
} | }; | ||
// Adiciona o botão ao corpo da página | |||
document.body.appendChild(button); | document.body.appendChild(button); | ||
} | } | ||
// Executa a função quando a página é carregada | // Executa a função quando a página é carregada | ||
document.addEventListener('DOMContentLoaded', addScrollToTopButton); | if (typeof document.addEventListener === 'function') { | ||
document.addEventListener('DOMContentLoaded', addScrollToTopButton, false); | |||
} else if (typeof document.attachEvent === 'function') { | |||
document.attachEvent('onreadystatechange', function () { | |||
if (document.readyState === 'complete') { | |||
addScrollToTopButton(); | |||
} | |||
}); | |||
} |
Edição atual tal como às 13h10min de 9 de janeiro de 2025
/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */ // Adiciona função para voltar ao topo // Adiciona função para voltar ao topo function addScrollToTopButton() { // Cria o botão var button = document.createElement('span'); button.id = 'scrollToTopButton'; button.textContent = '↑'; button.style.display = 'inline-block'; button.style.width = '30px'; button.style.height = '30px'; button.style.backgroundColor = '#007BFF'; button.style.color = 'white'; button.style.fontSize = '20px'; button.style.borderRadius = '50%'; button.style.cursor = 'pointer'; button.style.textAlign = 'center'; button.style.lineHeight = '30px'; button.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.2)'; button.style.position = 'fixed'; button.style.bottom = '20px'; button.style.right = '20px'; button.style.zIndex = '1000'; // Adiciona o evento de clique button.onclick = function () { window.scrollTo(0, 0); }; // Adiciona o botão ao corpo da página document.body.appendChild(button); } // Executa a função quando a página é carregada if (typeof document.addEventListener === 'function') { document.addEventListener('DOMContentLoaded', addScrollToTopButton, false); } else if (typeof document.attachEvent === 'function') { document.attachEvent('onreadystatechange', function () { if (document.readyState === 'complete') { addScrollToTopButton(); } }); }