MediaWiki:Common.js: Difference between revisions

Content added Content deleted
mNo edit summary
mNo edit summary
Line 15: Line 15:
/* Adding functionality for generalised spoilers */
/* Adding functionality for generalised spoilers */
/* 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'))); */



spoilers = document.querySelectorAll(".spoiler-inline");
spoilers = document.querySelectorAll(".spoiler-inline");


for (i = 0; i < spoilers.length; i++) {
for (i = 0; i < spoilers.length; i++) {
spoilers[i].addEventListener("click", function() {
spoilers[i].addEventListener("click", function(event) {
spoilers[i].classList.toggle("spoiled")
event.target.classList.toggle("spoiled")
})
})
}
}

Revision as of 19:22, 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'))); */

spoilers = document.querySelectorAll(".spoiler-inline");
for (i = 0; i < spoilers.length; i++) {
  spoilers[i].addEventListener("click", function(event) {
    event.target.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);