MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
AdminIsidore (talk | contribs) Created page with "→Any JavaScript here will be loaded for all users on every page load.: // Force the glossary creation form on OODA_WIKI:Add_a_glossary_term to open in a new tab $( function() { var $formContainer = $( '#new-term-form' ); if ( $formContainer.length ) { $formContainer.find( 'form' ).attr( 'target', '_blank' ); } } );" |
AdminIsidore (talk | contribs) No edit summary |
||
(3 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
// Force the glossary creation | // Force the glossary and music creation forms to open in a new tab | ||
$( function() { | $( function() { | ||
var $formContainer = $( '#new-term-form' ); | // This selector targets both form containers by their ID | ||
var $formContainer = $( '#new-term-form, #new-concept-form' ); | |||
if ( $formContainer.length ) { | if ( $formContainer.length ) { | ||
$formContainer.find( 'form' ).attr( 'target', '_blank' ); | $formContainer.find( 'form' ).attr( 'target', '_blank' ); | ||
} | } | ||
} ); | } ); | ||
/* Vulgate */ | |||
// Function to resize parchment backgrounds to match content height | |||
function resizeParchments() { | |||
var containers = document.querySelectorAll('.vulgate-container'); | |||
containers.forEach(function(container) { | |||
var content = container.querySelector('.vulgate-content'); | |||
var parchment = container.querySelector('.vulgate-parchment'); | |||
if (content && parchment) { | |||
parchment.style.height = content.offsetHeight + 'px'; | |||
} | |||
}); | |||
} | |||
// Appends the SVG filter needed for the wavy edge effect | |||
function addParchmentFilter() { | |||
var svgFilter = '<svg style="position:absolute; height:0; width:0;">' + | |||
'<filter id="wavy2">' + | |||
'<feTurbulence x="0" y="0" baseFrequency="0.015" numOctaves="5" seed="1" />' + | |||
'<feDisplacementMap in="SourceGraphic" scale="15" />' + | |||
'</filter>' + | |||
'</svg>'; | |||
$('body').append(svgFilter); | |||
} | |||
// Run functions on page load and resize | |||
$(document).ready(function() { | |||
addParchmentFilter(); | |||
resizeParchments(); | |||
}); | |||
$(window).on('resize', resizeParchments); |