MediaWiki:Common.js : Différence entre versions

Ligne 47 : Ligne 47 :
 
(function(){
 
(function(){
 
    
 
    
   var allInput = document.querySelectorAll("#input");
+
   var allInput = document.querySelectorAll("#inputCalcul");
   var resultat = document.getElementById("inputResult");
+
   var resultatCalc = document.getElementById("inputResult");
  
 
   allInput.forEach(function(e){
 
   allInput.forEach(function(e){
Ligne 56 : Ligne 56 :
 
   });
 
   });
 
    
 
    
   resultat.insertAdjacentHTML('afterbegin','<input class="resultat" type="number"></input>');
+
   resultatCalc.insertAdjacentHTML('afterbegin','<input class="resultatCalc" type="number"></input>');
 
   
 
   
 
})();
 
})();
  
function calcul(Tab){
+
function calculTest(Tab){
 
    
 
    
   var resultat = document.getElementsByClassName('resultat');
+
   var resultatCalc = document.getElementsByClassName('resultatCalc');
 
   var valueResult = 0;
 
   var valueResult = 0;
 
    
 
    
Ligne 71 : Ligne 71 :
 
   });
 
   });
 
    
 
    
   resultat[0].value = valueResult
+
   resultatCalc[0].value = valueResult
 
}
 
}
  
 
(function(){
 
(function(){
 
    
 
    
   var bouttonCalcul = document.getElementById("buttonCalcul");
+
  var containerCalcul = document.querySelector("#container-calcul");
 +
   var bouttonCalcul = containerCalcul.querySelector("#buttonCalcul");
 
    
 
    
 
   bouttonCalcul.addEventListener("click", function(){
 
   bouttonCalcul.addEventListener("click", function(){
 
      
 
      
 
     var tabValue = [];
 
     var tabValue = [];
     var allRealInput = document.querySelectorAll("input");
+
     var allRealInput = containerCalcul.querySelectorAll("input");
 
   
 
   
 
     allRealInput.forEach(function(e){
 
     allRealInput.forEach(function(e){
Ligne 87 : Ligne 88 :
 
     });
 
     });
 
      
 
      
     calcul(tabValue);
+
     calculTest(tabValue);
  
 
   });   
 
   });   

Version du 23 septembre 2021 à 16:47

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

/*Favicon*/

$('link[rel="shortcut icon"]').attr('href', 'https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico');

/*Tabber*/

function onTabClick(event) {
  
  var tabberFrere = event.currentTarget.parentElement.nextElementSibling;
  
  tabberActive = tabberFrere.parentElement.querySelectorAll(".tabber-active");
    
  tabberActive.forEach(function(tab) {
    
    tab.className = tab.className.replace('tabber-active', '');
    
  });
  
   event.currentTarget.className += ' tabber-active';
  
   tabberFrere.children[parseInt(event.currentTarget.id)].className += ' tabber-active';
  
}

(function(){
  
  var tabberContainer = document.querySelectorAll("#tabber-container");
  
  tabberContainer.forEach(function(e){
    
    var classButton = e.querySelectorAll(".button");
    
    classButton.forEach(function(e) {
      
      e.addEventListener('click', onTabClick, false);
      
    });
    
});
  
})();

/*test*/

(function(){
  
  var allInput = document.querySelectorAll("#inputCalcul");
  var resultatCalc = document.getElementById("inputResult");

  allInput.forEach(function(e){
    
    e.insertAdjacentHTML('afterbegin','<input type="number"></input>');
   
  });
  
  resultatCalc.insertAdjacentHTML('afterbegin','<input class="resultatCalc" type="number"></input>');
 
})();

function calculTest(Tab){
  
  var resultatCalc = document.getElementsByClassName('resultatCalc');
  var valueResult = 0;
  
  Tab.forEach(function(e){
    if (e!="") {
      valueResult += parseFloat(e);
    }
  });
  
  resultatCalc[0].value = valueResult
}

(function(){
  
  var containerCalcul = document.querySelector("#container-calcul");
  var bouttonCalcul = containerCalcul.querySelector("#buttonCalcul");
  
  bouttonCalcul.addEventListener("click", function(){
    
    var tabValue = [];
    var allRealInput = containerCalcul.querySelectorAll("input");
 
    allRealInput.forEach(function(e){
      tabValue.push(e.value)
    });
    
    calculTest(tabValue);

  });   
})();

/* 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();
})();