Участник:_DiWoD_:ru/common.js
< Участник:_DiWoD_:ru
Версия от 15:40, 28 сентября 2023;
Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
- Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
- Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
- Opera: Выберите очистку кэша в меню Инструменты → Настройки
//Получение всех блоков с табами 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'); }