Участник:_DiWoD_:ru/common.js — различия между версиями

Версия 14:35, 17 сентября 2023

listSelectorObjBase = document.querySelectorAll('.list-selector-object');

for (var i = 0; i < listSelectorObjBase.length; i++) {
    document.querySelectorAll('.lso-tabs')[i].querySelectorAll('.lso-tab')[0].classList.add('lso-tab-active');
    document.querySelectorAll('.lso-lists')[i].querySelectorAll('.lso-list')[0].classList.add('lso-list-active');
    for (d = 0; d < listSelectorObjBase[i].querySelectorAll('.lso-tab').length; d++) {
        var item = listSelectorObjBase[i].querySelectorAll('.lso-tab')[d];
        item.addEventListener('click', function(event) {
            event.preventDefault();
            event.target.classList.add('lso-clickClass');
            for (b = 0; b < event.target.parentElement.querySelectorAll('.lso-tab').length; b++) {
                var child = event.target.parentElement.querySelectorAll('.lso-tab')[b];
                child.classList.remove('lso-tab-active');
            }
            for (b = 0; b < event.target.parentElement.parentElement.querySelector('.lso-lists').querySelectorAll('.lso-list').length; b++) {
                var child = event.target.parentElement.parentElement.querySelector('.lso-lists').querySelectorAll('.lso-list')[b];
                child.classList.remove('lso-list-active');
            }
            for (j = 0; event.target.parentElement.querySelectorAll('.lso-tab').length ; j++) {
                if(event.target.parentElement.querySelectorAll('.lso-tab')[j].classList.contains('lso-clickClass')) {
                    event.target.parentElement.querySelectorAll('.lso-tab')[j].classList.remove('lso-clickClass');
                    event.target.parentElement.querySelectorAll('.lso-tab')[j].classList.add('lso-tab-active');
                    event.target.parentElement.parentElement.querySelector('.lso-lists').querySelectorAll('.lso-list')[j].classList.add('lso-list-active');
                }
            }
        })
    }
}