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

Версия 15:40, 28 сентября 2023

//Получение всех блоков с табами
var mbAll = document.querySelectorAll(".main-block");
//Выдаём каждому табу уникальный номер
for (mb_i = 0; mb_i < mbAll.length; mb_i++) {
    mbAll[mb_i].setAttribute("maintabs-num", mb_i);
    //Получаем табы и листы на первом уровне вложенности
    var tabAll = mbAll[mb_i].querySelectorAll('[maintabs-num="'+mb_i+'"] > .tab-block:nth-child(1n)');
    var listAll = mbAll[mb_i].querySelectorAll('[maintabs-num="'+mb_i+'"] > .list-block:nth-child(1n)');
    //Даём каждому табу номер блока и номер таба
    for (tb_i = 0; tb_i < tabAll.length; tb_i++) {
        tabAll[tb_i].setAttribute("maintabs-num", mb_i);
        tabAll[tb_i].setAttribute("tabtabs-num", tb_i);
        item = tabAll[tb_i];
        item.addEventListener('click',
            function (event) {
                tabFun = document.querySelectorAll(".tab-block");
                listFun = document.querySelectorAll(".list-block");
                eventMainAtr = event.target.getAttribute("maintabs-num");
                eventTabAtr = event.target.getAttribute("tabtabs-num");
                for (mb_j = 0; mb_j < tabFun.length; mb_j++) {
                    if (tabFun[mb_j].getAttribute("maintabs-num") === eventMainAtr) {
                        tabFun[mb_j].classList.remove('active');
                    }
                }
                for (mb_j = 0; mb_j < listFun.length; mb_j++) {
                    if (listFun[mb_j].getAttribute("maintabs-num") === eventMainAtr) {
                        listFun[mb_j].classList.remove('active');
                    }
                }
                listTarget = document.querySelector('[maintabs-num="'+eventMainAtr+'"][listtabs-num="'+eventTabAtr+'"]');
                listTarget.classList.add('active');
                event.target.classList.add('active');
            })
    }
    //Даём каждому листу номер блока и номер листа
    for (lb_i = 0; lb_i < listAll.length; lb_i++) {
        listAll[lb_i].setAttribute("maintabs-num", mb_i);
        listAll[lb_i].setAttribute("listtabs-num", lb_i);
    }
}
var tabZero = document.querySelectorAll('.tab-block[tabtabs-num="'+0+'"]');
var listZero = document.querySelectorAll('.list-block[listtabs-num="'+0+'"]');
for (tz_i = 0; tz_i < tabZero.length; tz_i++) {
    tabZero[tz_i].classList.add('active');
}
for (lz_i = 0; lz_i < listZero.length; lz_i++) {
    listZero[lz_i].classList.add('active');
}