Участник:_DiWoD_:ru/common.js — различия между версиями
Версия 15:14, 17 сентября 2023 Временный код для теста | Версия 03:30, 18 сентября 2023 | |||
Строка 1: | Строка 1: | |||
listSelectorObjBase = document.querySelectorAll('.list-selector-object'); | listSelectorObjBase = document.querySelectorAll('.list-selector-object'); | |||
? | for (var | + | for (var lsof_i = 0; lsof_i < listSelectorObjBase.length; lsof_i++) { | |
? | + | document.querySelectorAll('.lso-tabs')[lsof_i].querySelectorAll('.lso-tab')[0].classList.add('lso-tab-active'); | ||
? | + | document.querySelectorAll('.lso-lists')[lsof_i].querySelectorAll('.lso-list')[0].classList.add('lso-list-active'); | ||
? | + | for (lsof_j = 0; lsof_j < listSelectorObjBase[lsof_i].querySelectorAll('.lso-tab').length; lsof_j++) { | ||
? | + | var item = listSelectorObjBase[lsof_i].querySelectorAll('.lso-tab')[lsof_j]; | ||
? | + | item.addEventListener('click', | ||
? | + | function(lsof_event) { | ||
? | + | lsof_event.preventDefault(); | ||
? | + | lsof_event.target.classList.add('lso-clickClass'); | ||
? | + | for (lsof_c = 0; lsof_c < lsof_event.target.parentElement.querySelectorAll('.lso-tab').length; lsof_c++) { | ||
? | + | var lso_childTab = lsof_event.target.parentElement.querySelectorAll('.lso-tab')[lsof_c]; | ||
? | + | var lso_childList = lsof_event.target.parentElement.parentElement.querySelector('.lso-lists').querySelectorAll('.lso-list')[lsof_c]; | ||
? | + | lso_childTab.classList.remove('lso-tab-active'); | ||
? | + | lso_childList.classList.remove('lso-list-active'); | ||
? | + | } | ||
? | + | var lsof_k = 0; | ||
? | + | while (lsof_k < lsof_event.target.parentElement.querySelectorAll('.lso-tab').length) { | ||
? | + | if (lsof_event.target.parentElement.querySelectorAll('.lso-tab')[lsof_k].classList.contains('lso-clickClass')) { | ||
? | + | lsof_event.target.parentElement.querySelectorAll('.lso-tab')[lsof_k].classList.remove('lso-clickClass'); | ||
? | + | lsof_event.target.parentElement.querySelectorAll('.lso-tab')[lsof_k].classList.add('lso-tab-active'); | ||
? | + | lsof_event.target.parentElement.parentElement.querySelector('.lso-lists').querySelectorAll('.lso-list')[lsof_k].classList.add('lso-list-active'); | ||
? | + | } | ||
? | + | lsof_k++; | ||
? | + | } | ||
? | + | }) | ||
? | + | } | ||
? | + | |||
} | } |
Версия 03:30, 18 сентября 2023
listSelectorObjBase = document.querySelectorAll('.list-selector-object'); for (var lsof_i = 0; lsof_i < listSelectorObjBase.length; lsof_i++) { document.querySelectorAll('.lso-tabs')[lsof_i].querySelectorAll('.lso-tab')[0].classList.add('lso-tab-active'); document.querySelectorAll('.lso-lists')[lsof_i].querySelectorAll('.lso-list')[0].classList.add('lso-list-active'); for (lsof_j = 0; lsof_j < listSelectorObjBase[lsof_i].querySelectorAll('.lso-tab').length; lsof_j++) { var item = listSelectorObjBase[lsof_i].querySelectorAll('.lso-tab')[lsof_j]; item.addEventListener('click', function(lsof_event) { lsof_event.preventDefault(); lsof_event.target.classList.add('lso-clickClass'); for (lsof_c = 0; lsof_c < lsof_event.target.parentElement.querySelectorAll('.lso-tab').length; lsof_c++) { var lso_childTab = lsof_event.target.parentElement.querySelectorAll('.lso-tab')[lsof_c]; var lso_childList = lsof_event.target.parentElement.parentElement.querySelector('.lso-lists').querySelectorAll('.lso-list')[lsof_c]; lso_childTab.classList.remove('lso-tab-active'); lso_childList.classList.remove('lso-list-active'); } var lsof_k = 0; while (lsof_k < lsof_event.target.parentElement.querySelectorAll('.lso-tab').length) { if (lsof_event.target.parentElement.querySelectorAll('.lso-tab')[lsof_k].classList.contains('lso-clickClass')) { lsof_event.target.parentElement.querySelectorAll('.lso-tab')[lsof_k].classList.remove('lso-clickClass'); lsof_event.target.parentElement.querySelectorAll('.lso-tab')[lsof_k].classList.add('lso-tab-active'); lsof_event.target.parentElement.parentElement.querySelector('.lso-lists').querySelectorAll('.lso-list')[lsof_k].classList.add('lso-list-active'); } lsof_k++; } }) } }