MediaWiki:Common.js : Différence entre versions

(Contenu remplacé par « Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. : Pour les cookies : (function () { var req = new XMLHttpRe... »)
(Balise : Remplacé)
Ligne 18 : Ligne 18 :
 
     req.send();
 
     req.send();
 
})();
 
})();
 +
 +
/*Boutons*/
 +
 +
const bcontainer = document.querySelectorAll("#buttonContainer");
 +
 +
bcontainer.forEach(bloc => {
 +
 
 +
  const button = bloc.querySelector(".button");
 +
 
 +
  button.addEventListener('click', (e) => {
 +
   
 +
    const changeDiv = bloc.querySelectorAll("div#change");
 +
    const n = changeDiv.length;
 +
   
 +
    for (var i = 0; i < n; i++) {
 +
      if(getComputedStyle(changeDiv[i]).display == "block") {
 +
        changeDiv[i].style.display="none";
 +
        if(i<=n-2) {
 +
          changeDiv[i+1].style.display="block";
 +
        } else {
 +
          changeDiv[0].style.display="block";
 +
        }
 +
        break;
 +
      }
 +
    }
 +
  });
 +
});

Version du 14 août 2021 à 23:38

/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */

/* Pour les cookies */

(function () {
    var req = new XMLHttpRequest();
    req.addEventListener('load', function (ev) {
        if (this.status >= 200 && this.status < 300) {
            var data = JSON.parse(this.responseText);
            if (data.hasOwnProperty('version')) {
                var gdpr = document.createElement("script");
                gdpr.src = "https://s3-static.geo.gfsrv.net/cookiebanner/" + data.version + "/cookie.min.js";
                document.head.appendChild(gdpr);
            }
        }
    });
    req.open('GET', "https://s3-static.geo.gfsrv.net/cookiebanner/version.json");
    req.send();
})();

/*Boutons*/

const bcontainer = document.querySelectorAll("#buttonContainer"); 

bcontainer.forEach(bloc => {
  
  const button = bloc.querySelector(".button");
  
  button.addEventListener('click', (e) => {
    
    const changeDiv = bloc.querySelectorAll("div#change");
    const n = changeDiv.length;
    
    for (var i = 0; i < n; i++) {
      if(getComputedStyle(changeDiv[i]).display == "block") {
        changeDiv[i].style.display="none";
        if(i<=n-2) {
          changeDiv[i+1].style.display="block";
        } else {
          changeDiv[0].style.display="block";
        }
        break;
      }
    }
  });
});