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
 
(9 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;
    }


var getRef = document.getElementById("page-tools");
    zs.position = 'fixed';
var parentDiv = getRef.parentNode;
    zs.left = 0;
parentDiv.insertBefore(makediv, getRef);
    zs.top = 0;
    zs.opacity = 0;
    zs.transform = zs.webkitTransform = 'scale(' + scaleFactor + ')'; // Apply the scale factor


/* ------- */
    zs.width = '60px';
/* --- Tooltips --- */
    zs.height = '60px';


$(document).ready(function() {
    z.appendChild(i);
  var qm = $('.qm');
    i.src = batImages[Math.floor(r() * batImages.length)]; // Randomly select a bat image
  var xx = $('.fa-circle-xmark');
    d.body.appendChild(z);
  var currentTooltip = null;


  $(qm).click(function() {
    function R(o, m) {
    // Schließt das aktuelle Tooltip-Element, wenn auf das gleiche qm-Element geklickt wird
      return Math.max(Math.min(o + (r() - 0.5) * 400, m - 50), 50);
    if (currentTooltip && $(this).is($(currentTooltip).prev('.qm'))) {
      $(currentTooltip).hide();
      currentTooltip = null;
      return;
     }
     }


     // Schließt das aktuelle Tooltip-Element, bevor ein neues geöffnet wird
     function animateBat() {
    if (currentTooltip) {
      var x = R(a, w.innerWidth),
       $(currentTooltip).hide();
        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);
     }
     }


     // Speichert das aktuelle Tooltip-Element und zeigt es an
     setTimeout(animateBat, r() * 3000);
    currentTooltip = $(this).next('.tooltip');
    $(currentTooltip).show();
  });
 
  $(xx).click(function() {
    // Schließt das aktuelle Tooltip-Element, wenn auf das "x" -Symbol geklickt wird
    $(this).closest('.tooltip').hide();
  });


  $(document).click(function(event) {
    if (!isFirstBat) {
    // Schließt das aktuelle Tooltip-Element, wenn auf ein anderes Element als das Tooltip-Element oder die qm-Elemente geklickt wird
      z.addEventListener('click', function () {
    var clickedElement = event.target;
        var currentY = parseFloat(getComputedStyle(z).top);
    if (currentTooltip && !$(clickedElement).is(currentTooltip) && !$(clickedElement).is(qm)) {
        zs.transition = zs.webkitTransition = 'top 1s ease-in-out';
      $(currentTooltip).hide();
        zs.top = (w.innerHeight - currentY) + 'px';
       currentTooltip = null;
        setTimeout(function () {
          z.parentNode.removeChild(z);
          bats.splice(bats.indexOf(z), 1);
        }, 1000);
       });
     }
     }
  });
});


/* ------- */
    return z;
/* --- List Pagination --- */
  }


// Define the number of items to display per page
  var initialBat = createBat();
var itemsPerPage = 5;
  bats.push(initialBat);


// Hide all divs initially
  initialBat.addEventListener('click', function () {
$('div.filtered-list-item').hide();
    var newBat = createBat();
 
    bats.push(newBat);
// Show the first page of divs
   });
$('div.filtered-list-item').slice(0, itemsPerPage).show();
 
// Add pagination links
var pageCount = Math.ceil($('div.filtered-list-item').length / itemsPerPage);
for (var i = 1; i <= pageCount; i++) {
   $('.pagination').append('<a href="#" class="page-link" data-page="' + i + '">' + i + '</a>');
}


// Handle pagination link clicks
  function r() {
$('.page-link').click(function(e) {
    return Math.random();
  e.preventDefault();
   }
   var page = $(this).data('page');
})();
  var start = (page - 1) * itemsPerPage;
------- */
  var end = start + itemsPerPage;
  $('div.filtered-list-item').hide().slice(start, end).show();
});

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