Werbung:

Online-Impressum.de

*20% Rabatt auf die erste Abbuchung. Nur einmal je Projekt. Nicht kombinierbar mit anderen Aktionen.

MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus TagTraum
Keine Bearbeitungszusammenfassung
(Änderung 2715 von Tarkidu (Diskussion) rückgängig gemacht.)
Markierung: Rückgängigmachung
 
(7 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
/* Das folgende JavaScript wird für alle Benutzer geladen. */
/* Halloween
/* ------- */
(function () {
/* --- Discord Iframe --- */
  var r = Math.random,
var makeIframe = document.createElement("iframe");
    n = 0,
makeIframe.setAttribute("src", "https://discord.com/widget?id=718907647465881671&theme=dark");
    d = document,
makeIframe.setAttribute("scrolling", "no");
    w = window,
makeIframe.style.width = "197px";
    bats = [],
makeIframe.style.height = "500px";
    numBats = 1,
makeIframe.style.border = "0";
    batImages = [
      'data:image/gif;base64,R0lGODlhMAAwAJECAAAAAEJCQv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQACACwAAAAAMAAwAAACdpSPqcvtD6NcYNpbr4Z5ewV0UvhRohOe5UE+6cq0carCgpzQuM3ut16zvRBAH+/XKQ6PvaQyCFs+mbnWlEq0FrGi15XZJSmxP8OTRj4DyWY1lKdmV8fyLL3eXOPn6D3f6BcoOEhYaHiImKi4yNjo+AgZKTl5WAAAIfkECQEAAgAsAAAAADAAMAAAAnyUj6nL7Q+jdCDWicF9G1vdeWICao05ciUVpkrZIqjLwCdI16s+5wfck+F8JOBiR/zZZAJk0mAsDp/KIHRKvVqb2KxTu/Vdvt/nGFs2V5Bpta3tBcKp8m5WWL/z5PpbtH/0B/iyNGh4iJiouMjY6PgIGSk5SVlpeYmZqVkAACH5BAkBAAIALAAAAAAwADAAAAJhlI+py+0Po5y02ouz3rz7D4biSJbmiabq6gCs4B5AvM7GTKv4buby7vsAbT9gZ4h0JYmZpXO4YEKeVCk0QkVUlw+uYovE8ibgaVBSLm1Pa3W194rL5/S6/Y7P6/f8vp9SAAAh+QQJAQACACwAAAAAMAAwAAACZZSPqcvtD6OctNqLs968+w+G4kiW5omm6ooALeCusAHHclyzQs3rOz9jAXuqIRFlPJ6SQWRSaIQOpUBqtfjEZpfMJqmrHIFtpbGze2ZywWu0aUwWEbfiZvQdD4sXuWUj7gPos1EAACH5BAkBAAIALAAAAAAwADAAAAJrlI+py+0Po5y02ouz3rz7D4ZiCIxUaU4Amjrr+rDg+7ojXTdyh+e7kPP0egjabGg0EIVImHLJa6KaUam1aqVynNNsUvPTQjO/J84cFA3RzlaJO2495TF63Y7P6/f8vv8PGCg4SFhoeIg4UQAAIfkEBQEAAgAsAAAAADAAMAAAAnaUj6nL7Q+jXGDaW6+GeXsFdFL4UaITnuVBPunKtHGqwoKc0LjN7rdes70QQB/v1ykOj72kMghbPpm51pRKtBaxoteV2SUpsT/Dk0Y+A8lmNZSnZlfH8iy93lzj5+g93+gXKDhIWGh4iJiouMjY6PgIGSk5eVgAADs='
    ];


var makediv = document.createElement("div");
  function createBat() {
makediv.className = 'discorddiv';
    var i = d.createElement('img'),
makediv.style.height = "500px";
      z = d.createElement('div'),
makediv.style.width = "197px";
      zs = z.style,
makediv.style.position = "relative";
      a = w.innerWidth * r(),
makediv.style.overflow = "hidden";
      b = w.innerHeight * r(),
      scaleFactor = 1.0,
      isFirstBat = bats.length === 0;


makediv.appendChild(makeIframe);
    if (!isFirstBat) {
      scaleFactor = r() * 0.75 + 0.5;
    }
 
    zs.position = 'fixed';
    zs.left = 0;
    zs.top = 0;
    zs.opacity = 0;
    zs.transform = zs.webkitTransform = 'scale(' + scaleFactor + ')'; // Apply the scale factor


var getRef = document.getElementById("page-tools");
    zs.width = '60px';
var parentDiv = getRef.parentNode;
    zs.height = '60px';
parentDiv.insertBefore(makediv, getRef);


/* ------- */
    z.appendChild(i);
/* --- Tooltips --- */
    i.src = batImages[Math.floor(r() * batImages.length)]; // Randomly select a bat image
    d.body.appendChild(z);


$(document).ready(function() {
    function R(o, m) {
  var qm = $('.qm');
      return Math.max(Math.min(o + (r() - 0.5) * 400, m - 50), 50);
  var xx = $('.fa-circle-xmark');
    }
  var currentTooltip = null;


  $(qm).click(function() {
    function animateBat() {
    // Schließt das aktuelle Tooltip-Element, wenn auf das gleiche qm-Element geklickt wird
      var x = R(a, w.innerWidth),
    if (currentTooltip && $(this).is($(currentTooltip).prev('.qm'))) {
        y = R(b, w.innerHeight),
       $(currentTooltip).hide();
        distance = 5 * Math.sqrt((a - x) * (a - x) + (b - y) * (b - y));
       currentTooltip = null;
      zs.opacity = n;
       return;
      n = 1;
      zs.transition = zs.webkitTransition = distance / 1000 + 's linear';
      zs.transform = zs.webkitTransform = 'translate(' + x + 'px,' + y + 'px) scale(' + scaleFactor + ')';
       i.style.transform = i.style.webkitTransform = a > x ? '' : 'scaleX(-1)';
       a = x;
       b = y;
      setTimeout(animateBat, distance);
     }
     }


     // Schließt das aktuelle Tooltip-Element, bevor ein neues geöffnet wird
     setTimeout(animateBat, r() * 3000);
     if (currentTooltip) {
 
       $(currentTooltip).hide();
     if (!isFirstBat) {
       z.addEventListener('click', function () {
        var currentY = parseFloat(getComputedStyle(z).top);
        zs.transition = zs.webkitTransition = 'top 1s ease-in-out';
        zs.top = (w.innerHeight - currentY) + 'px';
        setTimeout(function () {
          z.parentNode.removeChild(z);
          bats.splice(bats.indexOf(z), 1);
        }, 1000);
      });
     }
     }


     // Speichert das aktuelle Tooltip-Element und zeigt es an
     return z;
    currentTooltip = $(this).next('.tooltip');
  }
    $(currentTooltip).show();
 
  });
  var initialBat = createBat();
  bats.push(initialBat);


   $(xx).click(function() {
   initialBat.addEventListener('click', function () {
     // Schließt das aktuelle Tooltip-Element, wenn auf das "x" -Symbol geklickt wird
     var newBat = createBat();
     $(this).closest('.tooltip').hide();
     bats.push(newBat);
   });
   });


   $(document).click(function(event) {
   function r() {
     // Schließt das aktuelle Tooltip-Element, wenn auf ein anderes Element als das Tooltip-Element oder die qm-Elemente geklickt wird
     return Math.random();
    var clickedElement = event.target;
  }
    if (currentTooltip && !$(clickedElement).is(currentTooltip) && !$(clickedElement).is(qm)) {
})();
      $(currentTooltip).hide();
------- */
      currentTooltip = null;
    }
  });
});

Aktuelle Version vom 7. Dezember 2023, 02:20 Uhr

/* Halloween
(function () {
  var r = Math.random,
    n = 0,
    d = document,
    w = window,
    bats = [],
    numBats = 1,
    batImages = [
      'data:image/gif;base64,R0lGODlhMAAwAJECAAAAAEJCQv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQACACwAAAAAMAAwAAACdpSPqcvtD6NcYNpbr4Z5ewV0UvhRohOe5UE+6cq0carCgpzQuM3ut16zvRBAH+/XKQ6PvaQyCFs+mbnWlEq0FrGi15XZJSmxP8OTRj4DyWY1lKdmV8fyLL3eXOPn6D3f6BcoOEhYaHiImKi4yNjo+AgZKTl5WAAAIfkECQEAAgAsAAAAADAAMAAAAnyUj6nL7Q+jdCDWicF9G1vdeWICao05ciUVpkrZIqjLwCdI16s+5wfck+F8JOBiR/zZZAJk0mAsDp/KIHRKvVqb2KxTu/Vdvt/nGFs2V5Bpta3tBcKp8m5WWL/z5PpbtH/0B/iyNGh4iJiouMjY6PgIGSk5SVlpeYmZqVkAACH5BAkBAAIALAAAAAAwADAAAAJhlI+py+0Po5y02ouz3rz7D4biSJbmiabq6gCs4B5AvM7GTKv4buby7vsAbT9gZ4h0JYmZpXO4YEKeVCk0QkVUlw+uYovE8ibgaVBSLm1Pa3W194rL5/S6/Y7P6/f8vp9SAAAh+QQJAQACACwAAAAAMAAwAAACZZSPqcvtD6OctNqLs968+w+G4kiW5omm6ooALeCusAHHclyzQs3rOz9jAXuqIRFlPJ6SQWRSaIQOpUBqtfjEZpfMJqmrHIFtpbGze2ZywWu0aUwWEbfiZvQdD4sXuWUj7gPos1EAACH5BAkBAAIALAAAAAAwADAAAAJrlI+py+0Po5y02ouz3rz7D4ZiCIxUaU4Amjrr+rDg+7ojXTdyh+e7kPP0egjabGg0EIVImHLJa6KaUam1aqVynNNsUvPTQjO/J84cFA3RzlaJO2495TF63Y7P6/f8vv8PGCg4SFhoeIg4UQAAIfkEBQEAAgAsAAAAADAAMAAAAnaUj6nL7Q+jXGDaW6+GeXsFdFL4UaITnuVBPunKtHGqwoKc0LjN7rdes70QQB/v1ykOj72kMghbPpm51pRKtBaxoteV2SUpsT/Dk0Y+A8lmNZSnZlfH8iy93lzj5+g93+gXKDhIWGh4iJiouMjY6PgIGSk5eVgAADs='
    ];

  function createBat() {
    var i = d.createElement('img'),
      z = d.createElement('div'),
      zs = z.style,
      a = w.innerWidth * r(),
      b = w.innerHeight * r(),
      scaleFactor = 1.0,
      isFirstBat = bats.length === 0;

    if (!isFirstBat) {
      scaleFactor = r() * 0.75 + 0.5;
    }

    zs.position = 'fixed';
    zs.left = 0;
    zs.top = 0;
    zs.opacity = 0;
    zs.transform = zs.webkitTransform = 'scale(' + scaleFactor + ')'; // Apply the scale factor

    zs.width = '60px';
    zs.height = '60px';

    z.appendChild(i);
    i.src = batImages[Math.floor(r() * batImages.length)]; // Randomly select a bat image
    d.body.appendChild(z);

    function R(o, m) {
      return Math.max(Math.min(o + (r() - 0.5) * 400, m - 50), 50);
    }

    function animateBat() {
      var x = R(a, w.innerWidth),
        y = R(b, w.innerHeight),
        distance = 5 * Math.sqrt((a - x) * (a - x) + (b - y) * (b - y));
      zs.opacity = n;
      n = 1;
      zs.transition = zs.webkitTransition = distance / 1000 + 's linear';
      zs.transform = zs.webkitTransform = 'translate(' + x + 'px,' + y + 'px) scale(' + scaleFactor + ')';
      i.style.transform = i.style.webkitTransform = a > x ? '' : 'scaleX(-1)';
      a = x;
      b = y;
      setTimeout(animateBat, distance);
    }

    setTimeout(animateBat, r() * 3000);

    if (!isFirstBat) {
      z.addEventListener('click', function () {
        var currentY = parseFloat(getComputedStyle(z).top);
        zs.transition = zs.webkitTransition = 'top 1s ease-in-out';
        zs.top = (w.innerHeight - currentY) + 'px';
        setTimeout(function () {
          z.parentNode.removeChild(z);
          bats.splice(bats.indexOf(z), 1);
        }, 1000);
      });
    }

    return z;
  }

  var initialBat = createBat();
  bats.push(initialBat);

  initialBat.addEventListener('click', function () {
    var newBat = createBat();
    bats.push(newBat);
  });

  function r() {
    return Math.random();
  }
})();
 ------- */