MediaWiki:Common.js: Difference between revisions

Content added Content deleted
mNo edit summary
mNo edit summary
Line 23: Line 23:


/* Adding functionality for generalised spoilers */
/* Adding functionality for generalised spoilers */
function unspoilOnClick() {
var mousedOver = document.querySelector(':hover.spoiler-inline');
if (mousedOver) {
mousedOver.classList.toggle('spoiled');
}
}
document.body.addEventListener('click', unspoilOnClick, true);

document.querySelectorAll('.spoiler-inline').forEach(spoiler => {
document.querySelectorAll('.spoiler-inline').forEach(spoiler => {
spoiler.addEventListener('click', function handleClick(event) {
spoiler.addEventListener('click', function handleClick(event) {
event.target.classList.toggle('spoiled');
event.target.classList.toggle('spoiled2');
});
});
});
});

Revision as of 17:29, 23 April 2022

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

if (mw.config.get('skin') == 'timeless') {
    $('#catlinks-sidebar').find(".mw-portlet-body").find("ul").wrap('<details class=\'catlinks-details\'></details>')
        .closest('details')
        .prepend('<summary class=\'catlinks-details-summary\'>Show full category list</summary>');

    $('#mw-normal-catlinks').find("ul").wrap('<details class=\'catlinks-details\'></details>')
        .closest('details')
        .prepend('<summary class=\'catlinks-details-summary\'>Show full category list</summary>');

    $('#catlinks').children().not('#mw-normal-catlinks').hide();
}

/* Adding functionality for unblurring spoilers by clicking on them*/
function unblurSpoilerOnClick() {
  var mousedOverBlur = document.querySelector(':hover.spoilerblur');
  if (mousedOverBlur) {
    mousedOverBlur.classList.remove("spoilerblur");
  }
}
document.body.addEventListener('click', unblurSpoilerOnClick, true);

/* Adding functionality for generalised spoilers */
function unspoilOnClick() {
  var mousedOver = document.querySelector(':hover.spoiler-inline');
  if (mousedOver) {
    mousedOver.classList.toggle('spoiled');
  }
}
document.body.addEventListener('click', unspoilOnClick, true);

document.querySelectorAll('.spoiler-inline').forEach(spoiler => {
  spoiler.addEventListener('click', function handleClick(event) {
    event.target.classList.toggle('spoiled2');
  });
});