MediaWiki:Common.js: различия между версиями
Материал из Энциклосамсонии
Перейти к навигацииПерейти к поиску
Joker666 (обсуждение | вклад) (Новая страница: «→Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице: document.getElementsByClassName("mainpage-blink-border").forEach((blinkElement) => { setInterval((blinkElement) => { if (blinkElement.style.borderColor === 'black') { blinkElement.style.borderColor = 'gold'; } else { blinkElement.style.borderColor = 'black'; } }...») |
Instalol (обсуждение | вклад) |
||
| (не показано 5 промежуточных версий 2 участников) | |||
| Строка 1: | Строка 1: | ||
/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */ | /* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */ | ||
document.getElementsByClassName("mainpage-blink-border").forEach((blinkElement) => { | const blinkElements = document.getElementsByClassName("mainpage-blink-border"); | ||
Array.from(blinkElements).forEach((blinkElement) => { | |||
setInterval((blinkElement) => { | setInterval((blinkElement) => { | ||
if (blinkElement.style.borderColor === ' | if (blinkElement.style.borderColor === 'transparent') { | ||
blinkElement.style.borderColor = 'gold'; | blinkElement.style.borderColor = 'gold'; | ||
} else { | } else { | ||
blinkElement.style.borderColor = ' | 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'); | |||
}); | |||
}); | |||
Текущая версия от 09:27, 22 сентября 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');
});
});