Участник:_DiWoD_:ru/common.js — различия между версиями
Версия 12:54, 17 сентября 2023 Новая страница: «listSelectorObjBase = document.querySelectorAll('.list-selector-object'); for (var i = 0; i < listSelectorObjBase.length; i++) { document.querySelectorAll('.l…» | Версия 14:35, 17 сентября 2023 | |||
Строка 1: | Строка 1: | |||
listSelectorObjBase = document.querySelectorAll('.list-selector-object'); | listSelectorObjBase = document.querySelectorAll('.list-selector-object'); | |||
+ | ||||
for (var i = 0; i < listSelectorObjBase.length; i++) { | 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-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'); | document.querySelectorAll('.lso-lists')[i].querySelectorAll('.lso-list')[0].classList.add('lso-list-active'); | |||
? | listSelectorObjBase[i].querySelectorAll('.lso-tab'). | + | for (d = 0; d < listSelectorObjBase[i].querySelectorAll('.lso-tab').length; d++) { | |
+ | var item = listSelectorObjBase[i].querySelectorAll('.lso-tab')[d]; | |||
item.addEventListener('click', function(event) { | item.addEventListener('click', function(event) { | |||
event.preventDefault(); | event.preventDefault(); | |||
event.target.classList.add('lso-clickClass'); | 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'); | ||
? | event.target.parentElement.parentElement.querySelector('.lso-lists').querySelectorAll('.lso-list') | + | } | |
? | + | 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'); | |||
} | } | |||
+ | } | |||
}) | }) | |||
? | | + | } | |
} | } |
Версия 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'); } } }) } }