MediaWiki:Common.js

From NARA
Revision as of 20:00, 2 April 2026 by Dragon 12dk (talk | contribs)
Jump to navigation Jump to search

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

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

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

  function retargetLinks() {
    document.querySelectorAll( 'a[href]' ).forEach( function ( link ) {
      var href = link.getAttribute( 'href' );
      if ( !href || href.startsWith( '#' ) ) return;
      link.setAttribute( 'target', '_blank' );
      link.setAttribute( 'rel', 'noopener noreferrer' );
    } );
  }

  document.addEventListener( 'DOMContentLoaded', sendHeight );
  window.addEventListener( 'load', function () {
    retargetLinks();
    sendHeight();
    setTimeout( sendHeight, 500 );
    setTimeout( sendHeight, 1500 );
  } );
  if ( typeof mw !== 'undefined' ) {
    mw.hook( 'wikipage.content' ).add( function () {
      retargetLinks();
      sendHeight();
      setTimeout( sendHeight, 500 );
      setTimeout( sendHeight, 1500 );
    } );
  }

  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 }, '*' );
  } );
} )();