Difference between revisions of "MediaWiki:Common.js"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
| + | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
| + | |||
| + | $(document).ready(function() { | ||
| + | $(document).on('click', '.warp-copy', function() { | ||
| + | var textToCopy = $(this).attr('data-copy'); | ||
| + | |||
| + | var tempInput = document.createElement('textarea'); | ||
| + | tempInput.value = textToCopy; | ||
| + | document.body.appendChild(tempInput); | ||
| + | tempInput.select(); | ||
| + | document.execCommand('copy'); | ||
| + | document.body.removeChild(tempInput); | ||
| + | |||
| + | var originalColor = $(this).css('color'); | ||
| + | $(this).css('color', 'green'); | ||
| + | var self = this; | ||
| + | setTimeout(function() { | ||
| + | $(self).css('color', originalColor); | ||
| + | }, 500); | ||
| + | }); | ||
| + | }); | ||
| + | |||
/* Auto-expand sections when clicking anchored links */ | /* Auto-expand sections when clicking anchored links */ | ||
| − | $(function() { | + | $(document).ready(function() { |
| − | // | + | // Handle initial page load with hash |
| − | + | if (window.location.hash) { | |
| − | + | expandSectionForAnchor(window.location.hash); | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | // | + | // Handle clicks on anchor links within the page |
| + | $(document).on('click', 'a[href^="#"]', function(event) { | ||
| + | var hash = $(this).attr('href'); | ||
| + | expandSectionForAnchor(hash); | ||
| + | }); | ||
| + | |||
| + | // Function to expand section containing an anchor | ||
function expandSectionForAnchor(hash) { | function expandSectionForAnchor(hash) { | ||
| − | // | + | // Try to find the anchor element |
| − | + | var targetElement = $(hash); | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | var targetElement = $( | ||
if (targetElement.length) { | if (targetElement.length) { | ||
| − | + | // Find the closest collapsible section | |
| − | + | var collapsibleSection = targetElement.closest('.mw-collapsible.mw-collapsed'); | |
| − | // | ||
| − | var | ||
| − | |||
| − | // | + | // If the target is inside a collapsed section, expand it |
| − | if ( | + | if (collapsibleSection.length) { |
| − | // | + | // Click the toggle button to expand |
| − | + | collapsibleSection.find('.mw-collapsible-toggle').first().click(); | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | // | + | // Scroll to the element after a short delay to allow expansion |
| − | + | setTimeout(function() { | |
| − | + | $('html, body').animate({ | |
| − | + | scrollTop: targetElement.offset().top - 100 | |
| − | + | }, 200); | |
| − | + | }, 300); | |
| − | |||
| − | |||
| − | } | ||
| − | |||
| − | |||
| − | } | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
}); | }); | ||
Revision as of 17:35, 29 April 2025
/* Any JavaScript here will be loaded for all users on every page load. */
$(document).ready(function() {
$(document).on('click', '.warp-copy', function() {
var textToCopy = $(this).attr('data-copy');
var tempInput = document.createElement('textarea');
tempInput.value = textToCopy;
document.body.appendChild(tempInput);
tempInput.select();
document.execCommand('copy');
document.body.removeChild(tempInput);
var originalColor = $(this).css('color');
$(this).css('color', 'green');
var self = this;
setTimeout(function() {
$(self).css('color', originalColor);
}, 500);
});
});
/* Auto-expand sections when clicking anchored links */
$(document).ready(function() {
// Handle initial page load with hash
if (window.location.hash) {
expandSectionForAnchor(window.location.hash);
}
// Handle clicks on anchor links within the page
$(document).on('click', 'a[href^="#"]', function(event) {
var hash = $(this).attr('href');
expandSectionForAnchor(hash);
});
// Function to expand section containing an anchor
function expandSectionForAnchor(hash) {
// Try to find the anchor element
var targetElement = $(hash);
if (targetElement.length) {
// Find the closest collapsible section
var collapsibleSection = targetElement.closest('.mw-collapsible.mw-collapsed');
// If the target is inside a collapsed section, expand it
if (collapsibleSection.length) {
// Click the toggle button to expand
collapsibleSection.find('.mw-collapsible-toggle').first().click();
// Scroll to the element after a short delay to allow expansion
setTimeout(function() {
$('html, body').animate({
scrollTop: targetElement.offset().top - 100
}, 200);
}, 300);
}
}
}
});