MediaWiki:Common.js

Note: After publishing, 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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Any JavaScript here will be loaded for all users on every page load. */

// Remove whitespace tags using JS. The CSS-based approach seems to work fine on Chromium-based browsers, but not very well on Firefox.
window.onload = function() {
  var paras = document.querySelectorAll('.mw-parser-output p');
  for (var i = 0; i < paras.length; i++) {
    if (paras[i].childNodes[0].nodeName === 'BR') {
      paras[i].remove();
    }
  } 
}

// Force links to open in new tab in embed mode
if (document.body.classList.contains('vc-embed-mode')) {
  document.addEventListener('DOMContentLoaded', function () {
    const links = document.querySelectorAll('a[href]');
    
    links.forEach(link => {
      const href = link.getAttribute('href');

      // Skip anchors and empty links
      if (!href || href.startsWith('#')) return;

      // Make all links open in new tab
      link.setAttribute('target', '_blank');
      link.setAttribute('rel', 'noopener noreferrer');
    });
  });
}

( function () {
  if ( window === window.top ) return;

  function sendHeight() {
    var h = document.body ? document.body.scrollHeight : 0;
    if ( h > 0 ) window.parent.postMessage( { embedHeight: h }, '*' );
  }

  // Fire on multiple events to catch all page types
  document.addEventListener( 'DOMContentLoaded', sendHeight );
  window.addEventListener( 'load', function () {
    sendHeight();
    setTimeout( sendHeight, 500 );
    setTimeout( sendHeight, 1500 );
  } );
  if ( typeof mw !== 'undefined' ) {
    mw.hook( 'wikipage.content' ).add( sendHeight );
  }

  // Anchor scroll forwarding
  document.addEventListener( 'click', function ( e ) {
    var link = e.target.closest( 'a' );
    if ( !link ) return;
    var href = link.getAttribute( 'href' );
    if ( !href || !href.startsWith( '#' ) ) return;
    var id = href.slice( 1 );
    var target = document.getElementById( id ) || document.querySelector( '[name="' + id + '"]' );
    if ( !target ) return;
    e.preventDefault();
    window.parent.postMessage( { embedScrollTo: target.getBoundingClientRect().top + window.scrollY }, '*' );
  } );
} )();