MediaWiki:Common.js : Différence entre versions

(test multislides)
 
(83 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */
+
/* Tout le JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */
  
 +
/* =====================================
 +
DECLARATIONS DES FONCTIONS ET PROCEDURES
 +
======================================== */
  
/* For a responsive Wiki we need to add the viewport meta tag to the head of the page */
+
/* Favicon */
var viewPortTag=document.createElement('meta');
+
function fixInsecureFavicon() {
viewPortTag.id="viewport";
+
    document.querySelector('link[rel="shortcut icon"]').href = "https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico";
viewPortTag.name = "viewport";
+
}
  
/* user-scalable=no forbid to users to zoom in and out to the page, and only scroll it. */
+
/* Liste des équipements */
viewPortTag.content = "width=device-width; initial-scale=1.0; user-scalable=yes";
+
function changeDisplay(content) {
document.getElementsByTagName('head')[0].appendChild(viewPortTag);
+
    var boutonSwitch = content.querySelector(".button");
 +
    var frereList = content.nextElementSibling;
  
var theme=document.createElement('meta');
+
    boutonSwitch.addEventListener("click", function () {
theme.id="theme";
+
        this.classList.toggle('tabber-active');
theme.name="theme-color";
+
        frereList.classList.toggle('tabber-noactive');
theme.content="#1f0e02";
+
    });
 
+
}
/* Slideshow pour faire défiler les images, c'est du JS pompé sur le wiki italien */
 
(function() {
 
 
 
  init(); //on page load - show first slide, hidethe rest
 
  
  function init() {
+
/* BOUTON RETOUR VERS LE HAUT */
 +
function addButtonTop() {
 +
    var contentText = document.querySelector("div#mw-content-text");
  
     parents = document.getElementsByClassName('slider');
+
     if (contentText !== null) {
  
    for (j = 0; j < parents.length; j++) {
+
        var divButtonTop = document.createElement("div");
      var slides = parents[j].getElementsByClassName("slider-wrapper");
+
        divButtonTop.classList.add("top-button");
      var dots = parents[j].getElementsByClassName("dot");
+
        contentText.appendChild(divButtonTop);
      slides[0].classList.add('active-slide');
 
      dots[0].classList.add('active');
 
 
     }
 
     }
  }
+
}
 
 
  dots = document.getElementsByClassName('dot'); //dots functionality
 
  
  for (i = 0; i < dots.length; i++) {
+
function buttonTop() {
 +
    var balise = document.querySelector("div#mw-page-header-links");
 +
    var topButton = document.querySelector(".top-button");
  
     dots[i].onclick = function() {
+
     if (balise !== null) {
 +
        var options = {
 +
            root: null,
 +
            rootMargin: "0px",
 +
            threshold: 0,
 +
        };
  
      slides = this.parentNode.parentNode.getElementsByClassName("slider-wrapper");
+
        var observer = new IntersectionObserver(callback, options);
 +
        observer.observe(balise);
  
      for (j = 0; j < this.parentNode.children.length; j++) {
+
        function callback(entries) {
        this.parentNode.children[j].classList.remove('active');
+
            entries.forEach(function (entry) {
        slides[j].classList.remove('active-slide');
+
                if (entry.isIntersecting) {
        if (this.parentNode.children[j] == this) {
+
                    topButton.classList.remove("show-button");
          index = j;
+
                } else {
 +
                    topButton.classList.add("show-button");
 +
                }
 +
            });
 
         }
 
         }
      }
 
      this.classList.add('active');
 
      slides[index].classList.add('active-slide');
 
  
 +
        topButton.addEventListener("click", function () {
 +
            document.documentElement.scrollTo({
 +
                top: 0
 +
            });
 +
        });
 
     }
 
     }
  }
+
}
//prev/next functionality
 
  links = document.querySelectorAll('.slider a');
 
  
  for (i = 0; i < links.length; i++) {
+
/* Cookies */
    links[i].onclick = function() {
+
function cookies() {
      current = this.parentNode;
+
    var req = new XMLHttpRequest();
 
+
    req.addEventListener('load', function (ev) {
      var slides = current.getElementsByClassName("slider-wrapper");
+
        if (this.status >= 200 && this.status < 300) {
      var dots = current.getElementsByClassName("dot");
+
            var data = JSON.parse(this.responseText);
      curr_slide = current.getElementsByClassName('active-slide')[0];
+
            if (data.hasOwnProperty('version')) {
      curr_dot = current.getElementsByClassName('active')[0];
+
                var gdpr = document.createElement("script");
      curr_slide.classList.remove('active-slide');
+
                gdpr.src = "https://s3-static.geo.gfsrv.net/cookiebanner/" + data.version + "/cookie.min.js";
      curr_dot.classList.remove('active');
+
                document.head.appendChild(gdpr);
      if (this.className == 'slider-next') {
+
            }
 
 
        if (curr_slide.nextElementSibling.classList.contains('slider-wrapper')) {
 
          curr_slide.nextElementSibling.classList.add('active-slide');
 
          curr_dot.nextElementSibling.classList.add('active');
 
        } else {
 
          slides[0].classList.add('active-slide');
 
          dots[0].classList.add('active');
 
 
         }
 
         }
 +
    });
 +
    req.open('GET', "https://s3-static.geo.gfsrv.net/cookiebanner/version.json");
 +
    req.send();
 +
}
  
      }
 
  
      if (this.className == 'slider-previous') {
+
function addScript(src, callback) {
 +
    var script = document.createElement('script');
 +
    script.src = src;
  
         if (curr_slide.previousElementSibling) {
+
    function onComplete() {
          curr_slide.previousElementSibling.classList.add('active-slide');
+
         if (script.parentNode) {
          curr_dot.previousElementSibling.classList.add('active');
+
            script.parentNode.removeChild(script);
        } else {
+
        }
          slides[slides.length - 1].classList.add('active-slide');
+
        if (callback) {
          dots[slides.length - 1].classList.add('active');
+
            callback();
 +
            callback = null;
 
         }
 
         }
 
      }
 
 
 
     }
 
     }
  
  }
+
    script.onload = onComplete;
})();
+
    script.onerror = onComplete;
  
 +
    document.head.appendChild(script);
 +
}
  
 +
/* =======================================
 +
FONCTION GLOBALE
 +
Exécutée une fois au chargement de la page
 +
========================================== */
  
/*
+
(function () {
* rwdImageMaps jQuery plugin v1.6
+
    fixInsecureFavicon()
*
 
* Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize
 
*
 
* Copyright (c) 2016 Matt Stow
 
* https://github.com/stowball/jQuery-rwdImageMaps
 
* http://mattstow.com
 
* Licensed under the MIT license
 
*/
 
;(function($) {
 
$.fn.rwdImageMaps = function() {
 
var $img = this;
 
  
var rwdImageMap = function() {
+
    var equipmentContainer = document.querySelectorAll('div#mw-content-text .list-equip');
$img.each(function() {
+
    var loadScripts = document.querySelectorAll('div[data-load-javascript]');
if (typeof($(this).attr('usemap')) == 'undefined')
 
return;
 
  
var that = this,
+
    equipmentContainer.forEach(function (container) {
$that = $(that);
+
        changeDisplay(container);
 +
    });
  
// Since WebKit doesn't know the height until after the image has loaded, perform everything in an onload copy
+
    /* Charge des scripts spécifiques au chargement de certaines pages */
$('<img />').on('load', function() {
+
    if (loadScripts.length > 0) {
var attrW = 'width',
 
attrH = 'height',
 
w = $that.attr(attrW),
 
h = $that.attr(attrH);
 
  
if (!w || !h) {
+
        var allowedScripts = ["Tabber", "Skills", "Modal", "Switch", "Loot", "Map", "Filter", "Calculator", "Element", "Pets"];
var temp = new Image();
+
        var scriptsToLoad = [];
temp.src = $that.attr('src');
 
if (!w)
 
w = temp.width;
 
if (!h)
 
h = temp.height;
 
}
 
  
var wPercent = $that.width()/100,
+
        for (var i = 0; i < loadScripts.length; i++) {
hPercent = $that.height()/100,
 
map = $that.attr('usemap').replace('#', ''),
 
c = 'coords';
 
  
$('map[name="' + map + '"]').find('area').each(function() {
+
            var script = loadScripts[i].dataset['loadJavascript'];
var $this = $(this);
 
if (!$this.data(c))
 
$this.data(c, $this.attr(c));
 
  
var coords = $this.data(c).split(','),
+
            if ((allowedScripts.indexOf(script) !== -1) && (scriptsToLoad.indexOf(script) === -1)) {
coordsPercent = new Array(coords.length);
+
                scriptsToLoad.push(script);
 +
            }
 +
        }
  
for (var i = 0; i < coordsPercent.length; ++i) {
+
        function loadNextScript() {
if (i % 2 === 0)
+
            if (scriptsToLoad.length > 0) {
coordsPercent[i] = parseInt(((coords[i]/w)*100)*wPercent);
+
                var script = scriptsToLoad.shift();
else
+
                addScript("/index.php?title=MediaWiki:Script/" + script + ".js&action=raw&ctype=text/javascript", loadNextScript);
coordsPercent[i] = parseInt(((coords[i]/h)*100)*hPercent);
+
            }
}
+
        }
$this.attr(c, coordsPercent.toString());
 
});
 
}).attr('src', $that.attr('src'));
 
});
 
};
 
$(window).resize(rwdImageMap).trigger('resize');
 
  
return this;
+
        loadNextScript();
};
+
     }
})(jQuery);
 
 
 
$(document).ready(function(e) {
 
     $('img[usemap]').rwdImageMaps();
 
});
 
 
 
// Modal windows in javascript
 
 
 
$(".trigger").on("click", function() {
 
    var modal = $(this).data("modal");
 
    $(modal).toggle();
 
});
 
  
$(".modal").on("click", function(e) {
+
    if (mw.config.get("wgUserName")) {
    var className = e.target.className;
+
        mw.loader.load("/index.php?title=MediaWiki:Script/Redactor.js&action=raw&ctype=text/javascript");
    if(className === "modal" || className === "close-button"){
 
        $(this).closest(".modal").toggle();
 
 
     }
 
     }
});
 
 
/* Pour le bas de page */
 
 
$('div#content').append( "<div class='content-footer'></div>" );
 
 
/* Pour les cookies */
 
  
(function () {
+
     addButtonTop();
    var req = new XMLHttpRequest();
+
     buttonTop();
     req.addEventListener('load', function (ev) {
+
     cookies()
        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();
 
 
})();
 
})();

Version actuelle datée du 15 juin 2024 à 10:49

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

/* =====================================
DECLARATIONS DES FONCTIONS ET PROCEDURES
======================================== */

/* Favicon */
function fixInsecureFavicon() {
    document.querySelector('link[rel="shortcut icon"]').href = "https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico";
}

/* Liste des équipements */
function changeDisplay(content) {
    var boutonSwitch = content.querySelector(".button");
    var frereList = content.nextElementSibling;

    boutonSwitch.addEventListener("click", function () {
        this.classList.toggle('tabber-active');
        frereList.classList.toggle('tabber-noactive');
    });
}

/* BOUTON RETOUR VERS LE HAUT */
function addButtonTop() {
    var contentText = document.querySelector("div#mw-content-text");

    if (contentText !== null) {

        var divButtonTop = document.createElement("div");
        divButtonTop.classList.add("top-button");
        contentText.appendChild(divButtonTop);
    }
}

function buttonTop() {
    var balise = document.querySelector("div#mw-page-header-links");
    var topButton = document.querySelector(".top-button");

    if (balise !== null) {
        var options = {
            root: null,
            rootMargin: "0px",
            threshold: 0,
        };

        var observer = new IntersectionObserver(callback, options);
        observer.observe(balise);

        function callback(entries) {
            entries.forEach(function (entry) {
                if (entry.isIntersecting) {
                    topButton.classList.remove("show-button");
                } else {
                    topButton.classList.add("show-button");
                }
            });
        }

        topButton.addEventListener("click", function () {
            document.documentElement.scrollTo({
                top: 0
            });
        });
    }
}

/* Cookies */
function cookies() {
    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();
}


function addScript(src, callback) {
    var script = document.createElement('script');
    script.src = src;

    function onComplete() {
        if (script.parentNode) {
            script.parentNode.removeChild(script);
        }
        if (callback) {
            callback();
            callback = null;
        }
    }

    script.onload = onComplete;
    script.onerror = onComplete;

    document.head.appendChild(script);
}

/* =======================================
FONCTION GLOBALE
Exécutée une fois au chargement de la page
========================================== */

(function () {
    fixInsecureFavicon()

    var equipmentContainer = document.querySelectorAll('div#mw-content-text .list-equip');
    var loadScripts = document.querySelectorAll('div[data-load-javascript]');

    equipmentContainer.forEach(function (container) {
        changeDisplay(container);
    });

    /* Charge des scripts spécifiques au chargement de certaines pages */
    if (loadScripts.length > 0) {

        var allowedScripts = ["Tabber", "Skills", "Modal", "Switch", "Loot", "Map", "Filter", "Calculator", "Element", "Pets"];
        var scriptsToLoad = [];

        for (var i = 0; i < loadScripts.length; i++) {

            var script = loadScripts[i].dataset['loadJavascript'];

            if ((allowedScripts.indexOf(script) !== -1) && (scriptsToLoad.indexOf(script) === -1)) {
                scriptsToLoad.push(script);
            }
        }

        function loadNextScript() {
            if (scriptsToLoad.length > 0) {
                var script = scriptsToLoad.shift();
                addScript("/index.php?title=MediaWiki:Script/" + script + ".js&action=raw&ctype=text/javascript", loadNextScript);
            }
        }

        loadNextScript();
    }

    if (mw.config.get("wgUserName")) {
        mw.loader.load("/index.php?title=MediaWiki:Script/Redactor.js&action=raw&ctype=text/javascript");
    }

    addButtonTop();
    buttonTop();
    cookies()
})();