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

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
document.addEventListener('DOMContentLoaded', function () {
if (mw.config.get('wgPageName') === 'Тест') {
    var employees = document.querySelectorAll('.employee');
    window.addEventListener('load', function () {
    for (var i = 0; i < employees.length; i++) {
        var banner = document.createElement('div');
         employees[i].addEventListener('click', function () {
        banner.id = 'info-banner';
            var employeeName = this.querySelector('div').textContent.trim();
        banner.innerHTML = 'Внимание: информация на этой странице может измениться!';
             alert('Вы выбрали сотрудника: ' + employeeName);
         document.body.appendChild(banner);
         });
       
    }
        var style = document.createElement('style');
        style.innerHTML =
            '#info-banner {' +
            'position: fixed;' +
            'top: 0;' +
            'left: 0;' +
            'width: 100%;' +
            'background-color: #f0ad4e;' +
            'color: #fff;' +
            'text-align: center;' +
            'padding: 10px 0;' +
            'font-size: 16px;' +
            'z-index: 9999;' +
             'font-weight: bold;' +
            '}';
 
         document.head.appendChild(style);


    var guides = document.querySelector('.guides');
         banner.addEventListener('click', function () {
    if (guides) {
             banner.style.display = 'none';
        guides.style.cursor = 'pointer';
         guides.addEventListener('click', function () {
             alert('Открывается руководство');
         });
         });
     }
     });
});
}

Версия от 12:26, 26 января 2025

if (mw.config.get('wgPageName') === 'Тест') {
    window.addEventListener('load', function () {
        var banner = document.createElement('div');
        banner.id = 'info-banner';
        banner.innerHTML = 'Внимание: информация на этой странице может измениться!';
        document.body.appendChild(banner);
        
        var style = document.createElement('style');
        style.innerHTML = 
            '#info-banner {' +
            'position: fixed;' +
            'top: 0;' +
            'left: 0;' +
            'width: 100%;' +
            'background-color: #f0ad4e;' +
            'color: #fff;' +
            'text-align: center;' +
            'padding: 10px 0;' +
            'font-size: 16px;' +
            'z-index: 9999;' +
            'font-weight: bold;' +
            '}';

        document.head.appendChild(style);

        banner.addEventListener('click', function () {
            banner.style.display = 'none';
        });
    });
}