MediaWiki:Common.js
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Auto-expand sections when clicking anchored links */ $(function() { // Função principal para executar quando a página terminar de carregar function initializeAnchorExpansion() { // Se existir um hash na URL quando a página carrega if (window.location.hash) { var hash = window.location.hash; console.log("Página carregada com hash: " + hash); expandSectionForAnchor(hash); } // Lidar com cliques em links âncora dentro da página $(document).on('click', 'a[href^="#"]', function(event) { var hash = $(this).attr('href'); console.log("Clique em link interno: " + hash); expandSectionForAnchor(hash); }); } // Função para expandir seções contendo uma âncora específica function expandSectionForAnchor(hash) { // Remover qualquer caractere # do início do hash se existir if (hash.startsWith('#')) { hash = hash.substring(1); } console.log("Procurando elemento com ID: " + hash); // Tentar encontrar o elemento com o ID especificado var targetElement = $('#' + hash); if (targetElement.length) { console.log("Elemento encontrado!"); // Encontrar todas as seções colapsáveis que contêm o elemento var collapsibleSections = targetElement.parents('.mw-collapsible.mw-collapsed'); console.log("Seções colapsáveis encontradas: " + collapsibleSections.length); // Se o elemento estiver dentro de seções colapsáveis if (collapsibleSections.length > 0) { // Expandir cada seção de fora para dentro collapsibleSections.each(function() { var $section = $(this); console.log("Expandindo seção"); $section.removeClass('mw-collapsed'); // Clicar no botão de expansão ou mudar diretamente a classe var $toggle = $section.find('.mw-collapsible-toggle').first(); if ($toggle.length) { $toggle.click(); } else { // Tentar forçar a expansão manipulando classes diretamente $section.find('.mw-collapsible-content').show(); } }); // Também verificar se o próprio elemento está em um colapsível var directCollapsible = targetElement.closest('.mw-collapsible.mw-collapsed'); if (directCollapsible.length) { console.log("Expandindo o contêiner direto"); directCollapsible.removeClass('mw-collapsed'); var $toggle = directCollapsible.find('.mw-collapsible-toggle').first(); if ($toggle.length) { $toggle.click(); } else { directCollapsible.find('.mw-collapsible-content').show(); } } } // Rolar até o elemento imediatamente console.log("Rolando até o elemento"); $('html, body').animate({ scrollTop: targetElement.offset().top - 100 }, 200); } else { console.log("Elemento com ID '" + hash + "' não encontrado"); } } // Inicializar na carga da página initializeAnchorExpansion(); // Também adicionar um observador para o evento mw.hook que é disparado quando o conteúdo é atualizado if (typeof mw !== 'undefined' && mw.hook) { mw.hook('wikipage.content').add(function() { console.log("Conteúdo da Wiki atualizado, reinicializando manipuladores de âncora"); initializeAnchorExpansion(); // Se houver um hash, tentar expandir após o conteúdo ter sido carregado if (window.location.hash) { expandSectionForAnchor(window.location.hash); } }); } }); // Adicione este código em um arquivo JS que é carregado pela sua MediaWiki // Geralmente em common.js ou algum outro arquivo JS personalizado $(document).ready(function() { $('.warp-copy').on('click', function() { const textToCopy = $(this).data('copy'); // Cria um elemento temporário para copiar o texto const tempElement = document.createElement('textarea'); tempElement.value = textToCopy; document.body.appendChild(tempElement); tempElement.select(); // Executa o comando de cópia document.execCommand('copy'); // Remove o elemento temporário document.body.removeChild(tempElement); // Feedback visual (opcional) const originalText = $(this).text(); $(this).text('Copiado!'); setTimeout(() => { $(this).text(originalText); }, 1000); }); });