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