Mudanças entre as edições de "MediaWiki:Common.js"

De Micropedia
Ir para navegação Ir para pesquisar
(teste 02)
(teste 03)
Linha 33: Linha 33:
 
     });
 
     });
 
});
 
});
 +
 +
 +
 +
 
jQuery(document).ready(function ($) {
 
jQuery(document).ready(function ($) {
  
     /* Sai imediatamente se não for a Main Page */
+
     /* Sai imediatamente se não for a Página principal */
     if (!$('body').hasClass('page-Main_Page')) return;
+
     if (!$('body').hasClass('page-Página_principal')) return;
  
     /* ── 1. TICKER ── */
+
     /* ── 1. CARDS: aplica border-collapse separate via JS
     $('marquee').each(function () {
+
      (fallback para navegadores que ignoram em <table>) ── */
         $(this).closest('div, p')
+
     $('table.mph-card').css({
            .css({ 'border-radius': '6px', 'overflow': 'hidden' });
+
         'border-radius':  '10px',
 +
        'border-collapse': 'separate',
 +
        'overflow':       'hidden'
 
     });
 
     });
  
     /* ── 2. CARDS — border-radius via JS como fallback para <table> ── */
+
     /* ── 2. BOTÃO VOLTAR AO TOPO
     $('table.MainPageBG.mph-card, table.mph-card').each(function () {
+
      Reutiliza o #botaoTopo que o wiki já cria,
         $(this).css({
+
      ou cria um novo caso não exista ── */
             'border-radius':  '10px',
+
     var $topo = $('#botaoTopo');
             'overflow':       'hidden',
+
    if ($topo.length === 0) {
             'border-collapse': 'separate'
+
         $topo = $('<div id="botaoTopo">⬆ Topo</div>').css({
 +
             position:    'fixed',
 +
            bottom:      '20px',
 +
            right:        '20px',
 +
            padding:      '8px 14px',
 +
            background:  '#9bbeab',
 +
             color:        '#1a3a28',
 +
            borderRadius: '8px',
 +
            cursor:      'pointer',
 +
            boxShadow:    '0 2px 6px rgba(0,0,0,0.25)',
 +
            fontWeight:  'bold',
 +
             fontSize:    '13px',
 +
            zIndex:      9999,
 +
            display:     'none'
 
         });
 
         });
    });
+
         $('body').append($topo);
 
+
    }
    /* ── 3. BOTÃO VOLTAR AO TOPO ── */
 
    var $btn = $('<button id="mph-top" title="Voltar ao topo">▲</button>').css({
 
        position:    'fixed',
 
        bottom:      '20px',
 
        right:        '20px',
 
        background:  '#9bbeab',
 
        color:        '#1a3a28',
 
        border:      '1px solid #82a895',
 
        borderRadius: '50%',
 
        width:        '36px',
 
        height:      '36px',
 
        fontSize:    '14px',
 
        fontWeight:  'bold',
 
        cursor:      'pointer',
 
        display:      'none',
 
        zIndex:      999,
 
         lineHeight:  '34px',
 
        textAlign:    'center',
 
        boxShadow:    '0 2px 6px rgba(0,0,0,0.18)'
 
    });
 
    $('body').append($btn);
 
  
 
     $(window).on('scroll.mph', function () {
 
     $(window).on('scroll.mph', function () {
         $btn.toggle($(this).scrollTop() > 300);
+
         $topo.toggle($(this).scrollTop() > 400);
 
     });
 
     });
     $btn.on('click', function () {
+
     $topo.on('click', function () {
         $('html, body').animate({ scrollTop: 0 }, 350);
+
         $('html, body').animate({ scrollTop: 0 }, 300);
 
     });
 
     });
  
     /* ── 4. LINKS EXTERNOS nova aba ── */
+
     /* ── 3. LINKS EXTERNOS nos cards: nova aba ── */
 
     $('.mph-card a[href^="http"]')
 
     $('.mph-card a[href^="http"]')
 +
        .not('a[href*="micropedia.com.br"]')
 
         .not('a[href*="' + window.location.hostname + '"]')
 
         .not('a[href*="' + window.location.hostname + '"]')
 
         .attr({ target: '_blank', rel: 'noopener noreferrer' });
 
         .attr({ target: '_blank', rel: 'noopener noreferrer' });
 +
 +
    /* ── 4. HOVER suave nas imagens dos Acontecimentos Recentes ── */
 +
    $('.mph-card li img').css({
 +
        'vertical-align': 'middle',
 +
        'transition':    'transform 0.15s ease'
 +
    }).on('mouseenter', function () {
 +
        $(this).css('transform', 'scale(1.06)');
 +
    }).on('mouseleave', function () {
 +
        $(this).css('transform', 'scale(1)');
 +
    });
 +
 +
    /* ── 5. OCULTAR o título "Página principal" (redundante com o logo) ── */
 +
    $('#firstHeading').hide();
  
 
});
 
});

Edição das 03h58min de 12 de abril de 2026

/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */

$(function() {
    // Cria o botão scroll-to-top button
    var $botaoTopo = $('<div id="botaoTopo">⬆️ Topo</div>').css({
        display: "none",
        position: "fixed",
        bottom: "85px", // <-- distância do roda pé (~85px)
        right: "20px",
        padding: "10px 15px",
        background: "#9bbeab",
        color: "#000",
        "border-radius": "8px",
        cursor: "pointer",
        "box-shadow": "0 2px 6px rgba(0,0,0,0.3)",
        "font-weight": "bold",
        "z-index": "9999"
    }).appendTo("body");

    // Mostrar/esconder com base no scroll
    $(window).scroll(function() {
        if ($(this).scrollTop() > $(document).height() / 2) {
            $botaoTopo.fadeIn();
        } else {
            $botaoTopo.fadeOut();
        }
    });

    // Ação ao clicar
    $botaoTopo.click(function() {
        $("html, body").animate({scrollTop: 0}, 500);
        return false;
    });
});




jQuery(document).ready(function ($) {

    /* Sai imediatamente se não for a Página principal */
    if (!$('body').hasClass('page-Página_principal')) return;

    /* ── 1. CARDS: aplica border-collapse separate via JS
       (fallback para navegadores que ignoram em <table>) ── */
    $('table.mph-card').css({
        'border-radius':   '10px',
        'border-collapse': 'separate',
        'overflow':        'hidden'
    });

    /* ── 2. BOTÃO VOLTAR AO TOPO
       Reutiliza o #botaoTopo que o wiki já cria,
       ou cria um novo caso não exista ── */
    var $topo = $('#botaoTopo');
    if ($topo.length === 0) {
        $topo = $('<div id="botaoTopo">⬆ Topo</div>').css({
            position:     'fixed',
            bottom:       '20px',
            right:        '20px',
            padding:      '8px 14px',
            background:   '#9bbeab',
            color:        '#1a3a28',
            borderRadius: '8px',
            cursor:       'pointer',
            boxShadow:    '0 2px 6px rgba(0,0,0,0.25)',
            fontWeight:   'bold',
            fontSize:     '13px',
            zIndex:       9999,
            display:      'none'
        });
        $('body').append($topo);
    }

    $(window).on('scroll.mph', function () {
        $topo.toggle($(this).scrollTop() > 400);
    });
    $topo.on('click', function () {
        $('html, body').animate({ scrollTop: 0 }, 300);
    });

    /* ── 3. LINKS EXTERNOS nos cards: nova aba ── */
    $('.mph-card a[href^="http"]')
        .not('a[href*="micropedia.com.br"]')
        .not('a[href*="' + window.location.hostname + '"]')
        .attr({ target: '_blank', rel: 'noopener noreferrer' });

    /* ── 4. HOVER suave nas imagens dos Acontecimentos Recentes ── */
    $('.mph-card li img').css({
        'vertical-align': 'middle',
        'transition':     'transform 0.15s ease'
    }).on('mouseenter', function () {
        $(this).css('transform', 'scale(1.06)');
    }).on('mouseleave', function () {
        $(this).css('transform', 'scale(1)');
    });

    /* ── 5. OCULTAR o título "Página principal" (redundante com o logo) ── */
    $('#firstHeading').hide();

});