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

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
    document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('DOMContentLoaded', function() {
        // Получаем все ссылки внутри таблицы с классом 'standard-link'
    // 1. Обработка наведения мыши на ссылки в таблице
         var links = document.querySelectorAll('.standard-link a');
    document.querySelectorAll('.standard-link a').forEach(function(link) {
         link.addEventListener('mouseover', function() {
            link.closest('td').classList.add('highlight');
        });
 
        link.addEventListener('mouseout', function() {
            link.closest('td').classList.remove('highlight');
        });
    });


        links.forEach(function(link) {
    // 2. Добавление кнопки в тулбар
            // Добавляем обработчик событий для наведения мыши
    const toolbar = document.getElementById('p-tb');
            link.addEventListener('mouseover', function() {
    if (toolbar) {
                // Добавляем класс highlight к родительскому элементу <td>
        const newButton = document.createElement('li');
                link.closest('td').classList.add('highlight');
        newButton.className = 'custom-button';
            });
        newButton.innerHTML = '<a href="/wiki/Специальная:Служебные_страницы">Кнопка</a>';
        toolbar.appendChild(newButton);
    }


            // Убираем класс highlight, когда курсор уходит
    // 3. Изменение цвета всех ссылок в основном контенте
            link.addEventListener('mouseout', function() {
    document.querySelectorAll('#mw-content-text a').forEach(function(link) {
                link.closest('td').classList.remove('highlight');
        link.style.color = '#ff0000'; // Изменение цвета текста ссылок на красный
             });
    });
 
    // 4. Обработка нажатия на кнопку с ID 'myButton'
    const button = document.getElementById('myButton');
    if (button) {
        button.addEventListener('click', function() {
             alert('Кнопка была нажата!');
         });
         });
     });
     }
});

Версия от 07:55, 22 августа 2024

document.addEventListener('DOMContentLoaded', function() {
    // 1. Обработка наведения мыши на ссылки в таблице
    document.querySelectorAll('.standard-link a').forEach(function(link) {
        link.addEventListener('mouseover', function() {
            link.closest('td').classList.add('highlight');
        });

        link.addEventListener('mouseout', function() {
            link.closest('td').classList.remove('highlight');
        });
    });

    // 2. Добавление кнопки в тулбар
    const toolbar = document.getElementById('p-tb');
    if (toolbar) {
        const newButton = document.createElement('li');
        newButton.className = 'custom-button';
        newButton.innerHTML = '<a href="/wiki/Специальная:Служебные_страницы">Кнопка</a>';
        toolbar.appendChild(newButton);
    }

    // 3. Изменение цвета всех ссылок в основном контенте
    document.querySelectorAll('#mw-content-text a').forEach(function(link) {
        link.style.color = '#ff0000'; // Изменение цвета текста ссылок на красный
    });

    // 4. Обработка нажатия на кнопку с ID 'myButton'
    const button = document.getElementById('myButton');
    if (button) {
        button.addEventListener('click', function() {
            alert('Кнопка была нажата!');
        });
    }
});