MediaWiki:Common.js: различия между версиями

Материал из SS220 Paradise Wiki (SS13)
Перейти к навигации Перейти к поиску
Нет описания правки
мНет описания правки
Строка 1: Строка 1:
$(function () {
$(function () {
var elemsSwitch = Array.from(document.querySelectorAll('.kaskadavionics .switchtab'));
 
for(var i=0;i<elemsSwitch.length;i++){
    const elemsSwitch = Array.from(document.querySelectorAll(".kaskadavionics .switchtab"));
elemsSwitch[i].onclick=function(){
 
  var tab_id = this.getAttribute('data-tab');
    for (let ii = 0; ii < elemsSwitch.length; ii++) {
  var elemens = Array.from(document.querySelectorAll('.kaskadavionics .switchtab'));
 
  for(var ii=0;ii<elemens.length;ii++){
        elemsSwitch[ii].onclick = function () {
  elemens[ii].classList.remove('current');
 
  }
            const tabId = this.getAttribute("data-tab");
  elemens = Array.from(document.querySelectorAll('.kaskadavionics .tabcontent'));
 
  for(var jj=0;jj<elemens.length;jj++){
            let elemens = Array.from(document.querySelectorAll(".kaskadavionics .switchtab"));
  elemens[jj].classList.remove('current');
 
  }
            for (let iii = 0; iii < elemens.length; iii++) {
  this.classList.add('current');
 
  document.querySelector("[data-tab='"+tab_id+"']").classList.add('current');
                elemens[iii].classList.remove("current");
  document.querySelector("#p"+tab_id).classList.add('current');
 
}
            }
}
            elemens = Array.from(document.querySelectorAll(".kaskadavionics .tabcontent"));
console.log('looool');
            for (let jj = 0; jj < elemens.length; jj++) {
 
                elemens[jj].classList.remove("current");
 
            }
            this.classList.add("current");
            document.querySelector(`[data-tab='${tabId}']`).classList.add("current");
            document.querySelector(`#p${tabId}`).classList.add("current");
 
        };
 
    }
 
}());
}());

Версия от 12:24, 19 октября 2021

$(function () {

    const elemsSwitch = Array.from(document.querySelectorAll(".kaskadavionics .switchtab"));

    for (let ii = 0; ii < elemsSwitch.length; ii++) {

        elemsSwitch[ii].onclick = function () {

            const tabId = this.getAttribute("data-tab");

            let elemens = Array.from(document.querySelectorAll(".kaskadavionics .switchtab"));

            for (let iii = 0; iii < elemens.length; iii++) {

                elemens[iii].classList.remove("current");

            }
            elemens = Array.from(document.querySelectorAll(".kaskadavionics .tabcontent"));
            for (let jj = 0; jj < elemens.length; jj++) {

                elemens[jj].classList.remove("current");

            }
            this.classList.add("current");
            document.querySelector(`[data-tab='${tabId}']`).classList.add("current");
            document.querySelector(`#p${tabId}`).classList.add("current");

        };

    }

}());