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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/**
 * Adds CSS classes to the body tag based on the categories this page belongs to
 *
 * @source https://www.mediawiki.org/wiki/Snippets/Style_pages_based_on_categories
 * @revision 2016-01-18
 */
(function($, mw) {
  var fn = function() {
    var cats = mw.config.get('wgCategories'), newClasses;
    if (cats) {
      newClasses = $.map(cats, function(el) {
        return 'cat-' + encodeURIComponent(el.replace(/[ .]/g, '_')).replace(/%/g, '_');
      }).join(' ');
      $(document.body).addClass(newClasses);
    }
  };
  if (document.body) {
    fn();
  } else {
    $(fn);
  }
})(jQuery, mw);


(function($, mw) {
  console.log('aaaaa');
  
  let fullscreenDiv = $('<div>');
  fullscreenDiv.attr('id', 'fullscreenDiv');
  $('body').append(fullscreenDiv);
  
  let timeout;
  
  function resetTimer() {
    clearTimeout(timeout);
    timeout = setTimeout(showFullscreenDiv, 3000); // 10 seconds
  }
  
  function showFullscreenDiv() {
    fullscreenDiv.css('display', 'block');
  }
  
  function hideFullscreenDiv() {
    fullscreenDiv.css('display', 'none');
  }
  
  $(document).on('mousemove click touchstart', resetTimer);
  $(document).on('mousemove click touchstart', hideFullscreenDiv);
  
  resetTimer(); // Start the timer when the page loads
})(jQuery, mw);