MediaWiki:Common.js: Difference between revisions

From The Reed and Rite
mNo edit summary
mNo edit summary
Line 2: Line 2:
mw.loader.load( 'ext.cite.styles' );
mw.loader.load( 'ext.cite.styles' );


/* Allows Template:Notice to be dismissable. */
$(document).ready(function() {
$(document).ready(function() {
   $('.dismissible-notice .dismiss-button').click(function() {
   $('.dismissible-notice .dismiss-button').click(function() {
Line 8: Line 9:
});
});


$(function() { // Use jQuery's ready function for broader compatibility
/* Allows bullet points in to-do list in Template:User to toggle on and off. */
$(function() {
   const bullets = document.querySelectorAll('.toggle-bullet');
   const bullets = document.querySelectorAll('.toggle-bullet');
   const bulletChars = ['•', '●', '◦'];
   const bulletChars = ['●', '◦']; // Only these two


   bullets.forEach(bullet => {
   bullets.forEach(bullet => {
     let currentIndex = 2; // Start with ◦
     let currentIndex = 1; // Start with ◦ (index 1)
     bullet.addEventListener('click', function() {
     bullet.addEventListener('click', function() {
       currentIndex = (currentIndex + 1) % bulletChars.length;
       currentIndex = (currentIndex + 1) % bulletChars.length;

Revision as of 22:33, 10 April 2025

/* Any JavaScript here will be loaded for all users on every page load. */
mw.loader.load( 'ext.cite.styles' );

/* Allows Template:Notice to be dismissable. */
$(document).ready(function() {
  $('.dismissible-notice .dismiss-button').click(function() {
    $(this).closest('.dismissible-notice').hide();
  });
});

/* Allows bullet points in to-do list in Template:User to toggle on and off. */
$(function() {
  const bullets = document.querySelectorAll('.toggle-bullet');
  const bulletChars = ['●', '◦']; // Only these two

  bullets.forEach(bullet => {
    let currentIndex = 1; // Start with ◦ (index 1)
    bullet.addEventListener('click', function() {
      currentIndex = (currentIndex + 1) % bulletChars.length;
      this.innerHTML = bulletChars[currentIndex];
    });
  });
});