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 = $(document.body).createElement('div');
    fullscreenDiv.id = 'fullscreenDiv';
    document.body.appendChild(fullscreenDiv);
  
    let timeout;
  
    function resetTimer() {
      clearTimeout(timeout);
      timeout = setTimeout(showFullscreenDiv, 3000); // 10 seconds
    }
  
    function showFullscreenDiv() {
      fullscreenDiv.style.display = 'block';
    }
  
    function hideFullscreenDiv() {
      fullscreenDiv.style.display = 'none';
    }
  
    document.addEventListener('mousemove', resetTimer);
    document.addEventListener('click', resetTimer);
    document.addEventListener('touchstart', resetTimer);
  
    document.addEventListener('mousemove', hideFullscreenDiv);
    document.addEventListener('click', hideFullscreenDiv);
    document.addEventListener('touchstart', hideFullscreenDiv);
  
    resetTimer(); // Start the timer when the page loads
})(jQuery, mw);