MediaWiki:Common.js: различия между версиями
Перейти к навигации
Перейти к поиску
Admin (обсуждение | вклад) Нет описания правки Метка: отменено |
Admin (обсуждение | вклад) Нет описания правки Метка: отменено |
||
| Строка 10: | Строка 10: | ||
loadingDiv.style.color = 'white'; | loadingDiv.style.color = 'white'; | ||
loadingDiv.style.display = 'flex'; | loadingDiv.style.display = 'flex'; | ||
loadingDiv.style.flexDirection = 'column'; | |||
loadingDiv.style.justifyContent = 'center'; | loadingDiv.style.justifyContent = 'center'; | ||
loadingDiv.style.alignItems = 'center'; | loadingDiv.style.alignItems = 'center'; | ||
loadingDiv.style.fontSize = '24px'; | loadingDiv.style.fontSize = '24px'; | ||
loadingDiv.style.zIndex = '9999'; | loadingDiv.style.zIndex = '9999'; | ||
// Добавляем элемент на страницу | // Добавляем текст "Загрузка..." | ||
var loadingText = document.createElement('div'); | |||
loadingText.innerText = 'Загрузка...'; | |||
loadingDiv.appendChild(loadingText); | |||
// Создаем шкалу прогресса | |||
var progressBarContainer = document.createElement('div'); | |||
progressBarContainer.style.width = '80%'; | |||
progressBarContainer.style.height = '20px'; | |||
progressBarContainer.style.background = 'rgba(255, 255, 255, 0.2)'; | |||
progressBarContainer.style.borderRadius = '10px'; | |||
progressBarContainer.style.marginTop = '20px'; | |||
var progressBar = document.createElement('div'); | |||
progressBar.style.height = '100%'; | |||
progressBar.style.width = '0'; | |||
progressBar.style.background = 'limegreen'; | |||
progressBar.style.borderRadius = '10px'; | |||
progressBarContainer.appendChild(progressBar); | |||
loadingDiv.appendChild(progressBarContainer); | |||
// Добавляем элемент загрузки на страницу | |||
document.body.appendChild(loadingDiv); | document.body.appendChild(loadingDiv); | ||
// Убираем эффект через 3 секунды | // Скрываем основной контент страницы | ||
document.body.style.visibility = 'hidden'; | |||
// Функция для имитации прогресса загрузки | |||
var progress = 0; | |||
var interval = setInterval(function() { | |||
progress += 5; | |||
progressBar.style.width = progress + '%'; | |||
// Когда прогресс достигает 100%, останавливаем интервал | |||
if (progress >= 100) { | |||
clearInterval(interval); | |||
} | |||
}, 150); // Прогресс обновляется каждые 150 миллисекунд | |||
// Убираем эффект загрузки через 3 секунды | |||
window.onload = function() { | window.onload = function() { | ||
setTimeout(function() { | setTimeout(function() { | ||
// Прячем элемент загрузки | |||
var loadingElement = document.getElementById('loading'); | var loadingElement = document.getElementById('loading'); | ||
if (loadingElement) { | if (loadingElement) { | ||
loadingElement.style.display = 'none'; | loadingElement.style.display = 'none'; | ||
} | } | ||
// Показываем основной контент страницы | |||
document.body.style.visibility = 'visible'; | |||
}, 3000); // Задержка 3 секунды | }, 3000); // Задержка 3 секунды | ||
}; | }; | ||
Версия от 07:28, 5 апреля 2025
// Создаем элемент загрузки
var loadingDiv = document.createElement('div');
loadingDiv.id = 'loading';
loadingDiv.style.position = 'fixed';
loadingDiv.style.top = '0';
loadingDiv.style.left = '0';
loadingDiv.style.width = '100%';
loadingDiv.style.height = '100%';
loadingDiv.style.background = 'rgba(0, 0, 0, 0.5)';
loadingDiv.style.color = 'white';
loadingDiv.style.display = 'flex';
loadingDiv.style.flexDirection = 'column';
loadingDiv.style.justifyContent = 'center';
loadingDiv.style.alignItems = 'center';
loadingDiv.style.fontSize = '24px';
loadingDiv.style.zIndex = '9999';
// Добавляем текст "Загрузка..."
var loadingText = document.createElement('div');
loadingText.innerText = 'Загрузка...';
loadingDiv.appendChild(loadingText);
// Создаем шкалу прогресса
var progressBarContainer = document.createElement('div');
progressBarContainer.style.width = '80%';
progressBarContainer.style.height = '20px';
progressBarContainer.style.background = 'rgba(255, 255, 255, 0.2)';
progressBarContainer.style.borderRadius = '10px';
progressBarContainer.style.marginTop = '20px';
var progressBar = document.createElement('div');
progressBar.style.height = '100%';
progressBar.style.width = '0';
progressBar.style.background = 'limegreen';
progressBar.style.borderRadius = '10px';
progressBarContainer.appendChild(progressBar);
loadingDiv.appendChild(progressBarContainer);
// Добавляем элемент загрузки на страницу
document.body.appendChild(loadingDiv);
// Скрываем основной контент страницы
document.body.style.visibility = 'hidden';
// Функция для имитации прогресса загрузки
var progress = 0;
var interval = setInterval(function() {
progress += 5;
progressBar.style.width = progress + '%';
// Когда прогресс достигает 100%, останавливаем интервал
if (progress >= 100) {
clearInterval(interval);
}
}, 150); // Прогресс обновляется каждые 150 миллисекунд
// Убираем эффект загрузки через 3 секунды
window.onload = function() {
setTimeout(function() {
// Прячем элемент загрузки
var loadingElement = document.getElementById('loading');
if (loadingElement) {
loadingElement.style.display = 'none';
}
// Показываем основной контент страницы
document.body.style.visibility = 'visible';
}, 3000); // Задержка 3 секунды
};
mw.loader.using('mediawiki.util').then(function () {
// Не выполнять скрипт на странице редактирования
if (location.href.includes('action=edit')) return;
// Поддерживаемые языки (как в PHP $this->languages)
var supportedLanguages = ['ru', 'en'];
// Определяем язык из браузера (Accept-Language)
var userLangRaw = navigator.languages && navigator.languages.length
? navigator.languages[0]
: navigator.language || navigator.userLanguage || 'en';
var lang = userLangRaw.slice(0, 2).toLowerCase();
// Если язык не поддерживается — по умолчанию 'en'
var userLang = supportedLanguages.includes(lang) ? lang : 'en';
function processLangBlocks(container) {
container.innerHTML = container.innerHTML.replace(
/\{ru\}([\s\S]*?)\{else\}([\s\S]*?)\{end\}/gi,
function(match, ruText, enText) {
return userLang === 'ru' ? ruText.trim() : enText.trim();
}
);
}
processLangBlocks(document.body);
});