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

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


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


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


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


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


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

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

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

    rows.forEach(row => {
        const link = row.querySelector('td:nth-child(2) a');
        const image = row.querySelector('td:nth-child(1) img');

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

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

            image.addEventListener('mouseover', function() {
                link.classList.add('highlight');
                image.classList.add('highlight');
            });

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