Участник:_DiWoD_:ru/common.js — различия между версиями
Версия 14:35, 17 сентября 2023 | Версия 15:14, 17 сентября 2023 Временный код для теста | |||
Строка 17: | Строка 17: | |||
child.classList.remove('lso-list-active'); | child.classList.remove('lso-list-active'); | |||
} | } | |||
? | | + | var j = 0; | |
+ | while (j < event.target.parentElement.querySelectorAll('.lso-tab').length) { | |||
if(event.target.parentElement.querySelectorAll('.lso-tab')[j].classList.contains('lso-clickClass')) { | 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.remove('lso-clickClass'); | |||
Строка 23: | Строка 24: | |||
event.target.parentElement.parentElement.querySelector('.lso-lists').querySelectorAll('.lso-list')[j].classList.add('lso-list-active'); | event.target.parentElement.parentElement.querySelector('.lso-lists').querySelectorAll('.lso-list')[j].classList.add('lso-list-active'); | |||
} | } | |||
+ | j++; | |||
} | } | |||
}) | }) | |||
} | } | |||
} | } |
Версия 15:14, 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'); } var j = 0; while (j < event.target.parentElement.querySelectorAll('.lso-tab').length) { 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'); } j++; } }) } }