MediaWiki:Common.js: Difference between revisions

Content added Content deleted
mNo edit summary
mNo edit summary
Line 16: Line 16:
/* document.querySelectorAll('.spoiler-inline').forEach(spoiler => spoiler.addEventListener('click', () => spoiler.classList.toggle('spoiled'))); */
/* document.querySelectorAll('.spoiler-inline').forEach(spoiler => spoiler.addEventListener('click', () => spoiler.classList.toggle('spoiled'))); */


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



/* Adding functionality for unblurring spoilers by clicking on them*/
/* Adding functionality for unblurring spoilers by clicking on them*/

Revision as of 19:08, 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 generalised spoilers */
/* document.querySelectorAll('.spoiler-inline').forEach(spoiler => spoiler.addEventListener('click', () => spoiler.classList.toggle('spoiled'))); */

for (const spoiler of document.querySelectorAll(".spoiler-inline")) {
  spoiler.addEventListener("click", function() {
    spoiler.classList.toggle("spoiled");
  });
};

/* 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);