MediaWiki:Common.js: Unterschied zwischen den Versionen

 
(2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 13: Zeile 13:
  
 
(function () {
 
(function () {
 +
    var loadScripts = document.querySelectorAll('div[data-load-javascript]');
 +
    if (loadScripts.length) {
 +
        var scriptNames = {Tabber: true};
 +
        loadScripts.forEach(function(el) {
 +
        var script = el.dataset['loadJavascript'];
 +
        if (scriptNames[script]) {
 +
            mw.loader.load("/index.php?title=MediaWiki:Script/" + script + ".js&action=raw&ctype=text/javascript");
 +
          delete scriptNames[script];
 +
        }
 +
    });
 +
    }
 +
   
 
     var req = new XMLHttpRequest();
 
     var req = new XMLHttpRequest();
 
     req.addEventListener('load', function (ev) {
 
     req.addEventListener('load', function (ev) {
Zeile 27: Zeile 39:
 
     req.send();
 
     req.send();
 
})();
 
})();
 
/** TEST **/
 
  $(".hp-tab").scroll(function() {
 
    var maxScrollLeft = $(this).get(0).scrollWidth - $(this).get(0).clientWidth;
 
    var leftPos = $(this).scrollLeft();
 
    if (leftPos > (maxScrollLeft - ((maxScrollLeft / 100) * 10))) {
 
      $(this).removeClass("hp-arrow-both-mask");
 
      $(this).removeClass("hp-arrow-next-mask");
 
      $(this).addClass("hp-arrow-prev-mask");
 
      $(this).parent().closest(".hp-tab-wrapper").children(".hp-arrow-right").css('visibility', 'hidden');
 
      $(this).parent().closest(".hp-tab-wrapper").children(".hp-arrow-left").css('visibility', 'visible');
 
    } else if (leftPos < ((maxScrollLeft / 100) * 10)) {
 
      $(this).removeClass("hp-arrow-both-mask");
 
      $(this).removeClass("hp-arrow-prev-mask");
 
      $(this).addClass("hp-arrow-next-mask");
 
      $(this).parent().closest(".hp-tab-wrapper").children(".hp-arrow-right").css('visibility', 'visible');
 
      $(this).parent().closest(".hp-tab-wrapper").children(".hp-arrow-left").css('visibility', 'hidden');
 
    } else {
 
      $(this).addClass("hp-arrow-both-mask");
 
      $(this).parent().closest(".hp-tab-wrapper").children(".hp-arrow-right").css('visibility', 'visible');
 
      $(this).parent().closest(".hp-tab-wrapper").children(".hp-arrow-left").css('visibility', 'visible');
 
    }
 
  });
 
 
  var onLoadURLCheck = "";
 
  if ($(location).attr('hash').length > 0) {
 
    onLoadURLCheck = "#" + replaceExpr($(location).attr('hash').substring(1));
 
  }
 
  var doesExist;
 
 
  if ($(".hp-tabber").length && $(onLoadURLCheck).length > 0 && $(onLoadURLCheck).parents('.hp-tabber').length === 1) {
 
    doesExist = true;
 
  } else {
 
    doesExist = false;
 
  }
 
  if (doesExist) {
 
    var selectedTabber = $(onLoadURLCheck).parent('.hp-tabber');
 
    var selectedTab = $(onLoadURLCheck).parent('.hp-tabber').children('.hp-tab-wrapper').children('.hp-tab');
 
    selectedTabber.children(".hp-active-tab").removeClass("hp-active-tab");
 
    selectedTab.children(".hp-active-tab").removeClass("hp-active-tab");
 
    selectedTabber.children(onLoadURLCheck).addClass('hp-active-tab');
 
    selectedTab.children('.hp-tablinks').each(function(index) {
 
      if (replaceExpr($(this).text()) + "_" === onLoadURLCheck.substring(1)) {
 
        $(this).addClass('hp-active-tab');
 
 
        var allMaxScrollLeft = $(this).parent().get(0).scrollWidth - $(this).parent().get(0).clientWidth;
 
        if (allMaxScrollLeft > 0) {
 
          var tableftoffset = $(this).offset().left - $(this).parent().offset().left + $(this).parent().scrollLeft();
 
          $(this).parent().scrollLeft(tableftoffset);
 
        }
 
      }
 
    });
 
    // $("html").animate({ scrollTop: $(onLoadURLCheck).offset().top - 140 }, 400 );
 
  }
 
 
  function replaceExpr(myid) {
 
    return myid.replace(/([;&,\.\+\*\~':"\!\^#$%@\[\]\(\)=>\|])/g, '\\$1');
 
  }
 
 
  $(".hp-tablinks").click(function() {
 
    $(this).parent().closest('.hp-tabber').children(".hp-active-tab").removeClass("hp-active-tab");
 
    $(this).parent().closest('.hp-tab').children(".hp-active-tab").removeClass("hp-active-tab");
 
    //$('#' + replaceExpr($(this).text()) + "_").addClass('hp-active-tab');
 
    $(this).parent().closest('.hp-tabber').children('.hp-tabcontent').eq($(this).index()).addClass('hp-active-tab');
 
    $(this).addClass('hp-active-tab');
 
    history.pushState('', '', '#' + $(this).text() + "_");
 
  });
 
 
  $(".hp-arrow-left").click(function() {
 
    var parentTab1 = $(this).parent().closest(".hp-tab-wrapper").children(".hp-tab");
 
    var maxScrollLeft = parentTab1.get(0).scrollWidth - parentTab1.get(0).clientWidth;
 
    var leftPos = parentTab1.scrollLeft();
 
 
    parentTab1.animate({
 
      scrollLeft: leftPos - 150
 
    }, 200, function() {});
 
  });
 
 
  $(".hp-arrow-right").click(function() {
 
    var parentTab2 = $(this).parent().closest(".hp-tab-wrapper").children(".hp-tab");
 
    var maxScrollLeft = parentTab2.get(0).scrollWidth - parentTab2.get(0).clientWidth;
 
    var leftPos = parentTab2.scrollLeft();
 
 
    parentTab2.animate({
 
      scrollLeft: leftPos + 150
 
    }, 200, function() {});
 
  });
 

Aktuelle Version vom 21. Januar 2023, 15:27 Uhr

 /** Test if an element has a certain class **************************************
 *
 * Description: Uses regular expressions and caching for better performance.
 * Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
 */
 
var hasClass = ( function() {
        var reCache = {};
        return function( element, className ) {
                return ( reCache[className] ? reCache[className] : ( reCache[className] = new RegExp( "(?:\\s|^)" + className + "(?:\\s|$)" ) ) ).test( element.className );
        };
})();

(function () {
    var loadScripts = document.querySelectorAll('div[data-load-javascript]');
    if (loadScripts.length) {
        var scriptNames = {Tabber: true};
        loadScripts.forEach(function(el) {
        var script = el.dataset['loadJavascript'];
        if (scriptNames[script]) {
            mw.loader.load("/index.php?title=MediaWiki:Script/" + script + ".js&action=raw&ctype=text/javascript");
           delete scriptNames[script];
        }
    });
    }
    
    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();
})();