MediaWiki:Common.js: различия между версиями

Материал из Энциклосамсонии
Перейти к навигацииПерейти к поиску
Строка 1: Строка 1:
/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */
/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */


document.addEventListener('click', event => {
const blinkElements = document.getElementsByClassName("mainpage-blink-border");
if(Math.floor(Math.random() * 5) == 0) {
Array.from(blinkElements).forEach((blinkElement) => {
var audio = new Audio('https://storage.soundinstants.com/jeff-the-killer-screaming.mp3');
setInterval((blinkElement) => {
audio.play();
if (blinkElement.style.borderColor === 'transparent') {
let all = document.querySelectorAll("#globalWrapper *")
blinkElement.style.borderColor = 'gold';
all.forEach((element) => {
} else {
element.style.cssText = 'background-color: red !important; color: black !important';
blinkElement.style.borderColor = 'transparent';
});
}
}, 200, blinkElement);
}
}
);
function toggleFadeIn() {
  var block = document.getElementById('myAnimatedBlock');
  if (block.classList.contains('visible')) {
    block.classList.remove('visible');
  } else {
    block.classList.add('visible');
  }
}
// Пример: назначаем обработчик события клика на кнопку
document.addEventListener('DOMContentLoaded', function() {
  var btn = document.getElementById('toggleBtn');
  if (btn) {
    btn.addEventListener('click', toggleFadeIn);
  }
});
document.addEventListener('DOMContentLoaded', function() {
  // Выбираем все иконки (например, по селектору)
  var icons = document.querySelectorAll('.mw-ui-icon');
  icons.forEach(function(icon) {
    icon.classList.add('icon-animated');
  });
});
});

Версия от 10:38, 1 ноября 2025

/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */

const blinkElements = document.getElementsByClassName("mainpage-blink-border");
Array.from(blinkElements).forEach((blinkElement) => {
		setInterval((blinkElement) => {
			if (blinkElement.style.borderColor === 'transparent') {
				blinkElement.style.borderColor = 'gold';
			} else {
				blinkElement.style.borderColor = 'transparent';
			}
		}, 200, blinkElement);
	}
);
function toggleFadeIn() {
  var block = document.getElementById('myAnimatedBlock');
  if (block.classList.contains('visible')) {
    block.classList.remove('visible');
  } else {
    block.classList.add('visible');
  }
}

// Пример: назначаем обработчик события клика на кнопку
document.addEventListener('DOMContentLoaded', function() {
  var btn = document.getElementById('toggleBtn');
  if (btn) {
    btn.addEventListener('click', toggleFadeIn);
  }
});
document.addEventListener('DOMContentLoaded', function() {
  // Выбираем все иконки (например, по селектору)
  var icons = document.querySelectorAll('.mw-ui-icon');
  icons.forEach(function(icon) {
    icon.classList.add('icon-animated');
  });
});