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

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('DOMContentLoaded', function() {
     const links = document.querySelectorAll('.standard-link tr');
     const tableRows = document.querySelectorAll('.standard-link tr');


     links.forEach(link => {
     tableRows.forEach(row => {
         link.addEventListener('mouseover', function() {
         const linkCell = row.querySelector('td:nth-child(2) a');
            this.querySelector('a').classList.add('highlight');
        const imageCell = row.querySelector('td:nth-child(1)');
        });


         link.addEventListener('mouseout', function() {
         if (linkCell && imageCell) {
             this.querySelector('a').classList.remove('highlight');
            linkCell.addEventListener('mouseover', function() {
        });
                imageCell.classList.add('highlight');
                linkCell.classList.add('highlight');
            });
 
            linkCell.addEventListener('mouseout', function() {
                imageCell.classList.remove('highlight');
                linkCell.classList.remove('highlight');
            });
 
            imageCell.addEventListener('mouseover', function() {
                imageCell.classList.add('highlight');
                linkCell.classList.add('highlight');
             });
 
            imageCell.addEventListener('mouseout', function() {
                imageCell.classList.remove('highlight');
                linkCell.classList.remove('highlight');
            });
        }
     });
     });
});
});

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

document.addEventListener('DOMContentLoaded', function() {
    const tableRows = document.querySelectorAll('.standard-link tr');

    tableRows.forEach(row => {
        const linkCell = row.querySelector('td:nth-child(2) a');
        const imageCell = row.querySelector('td:nth-child(1)');

        if (linkCell && imageCell) {
            linkCell.addEventListener('mouseover', function() {
                imageCell.classList.add('highlight');
                linkCell.classList.add('highlight');
            });

            linkCell.addEventListener('mouseout', function() {
                imageCell.classList.remove('highlight');
                linkCell.classList.remove('highlight');
            });

            imageCell.addEventListener('mouseover', function() {
                imageCell.classList.add('highlight');
                linkCell.classList.add('highlight');
            });

            imageCell.addEventListener('mouseout', function() {
                imageCell.classList.remove('highlight');
                linkCell.classList.remove('highlight');
            });
        }
    });
});