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() {
     const button = document.createElement('span');
     // Cria o botão
    var button = document.createElement('span');
     button.id = 'scrollToTopButton';
     button.id = 'scrollToTopButton';
     button.textContent = '↑';
     button.textContent = '↑';
     button.style.cssText = `
     button.style.display = 'inline-block';
        display: inline-block;
    button.style.width = '30px';
        width: 30px;
    button.style.height = '30px';
        height: 30px;
    button.style.backgroundColor = '#007BFF';
        background-color: #007BFF;
    button.style.color = 'white';
        color: white;
    button.style.fontSize = '20px';
        font-size: 20px;
    button.style.borderRadius = '50%';
        border-radius: 50%;
    button.style.cursor = 'pointer';
        cursor: pointer;
    button.style.textAlign = 'center';
        text-align: center;
    button.style.lineHeight = '30px';
        line-height: 30px;
    button.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.2)';
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    button.style.position = 'fixed';
        position: fixed;
    button.style.bottom = '20px';
        bottom: 20px;
    button.style.right = '20px';
        right: 20px;
    button.style.zIndex = '1000';
        z-index: 1000;
 
     `;
     // Adiciona o evento de clique
     button.addEventListener('click', function () {
     button.onclick = function () {
         window.scrollTo({ top: 0, behavior: 'smooth' });
         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();
        }
    });
}