MediaWiki:Common.js: Unterschied zwischen den Versionen

Version vom 15. März 2023, 23:50 Uhr

/* Das folgende JavaScript wird für alle Benutzer geladen. */
/* ------- */
/* --- Discord Iframe --- */
var makeIframe = document.createElement("iframe");
makeIframe.setAttribute("src", "https://discord.com/widget?id=718907647465881671&theme=dark");
makeIframe.setAttribute("scrolling", "no");
makeIframe.style.width = "197px";
makeIframe.style.height = "500px";
makeIframe.style.border = "0";

var makediv = document.createElement("div");
makediv.className = 'discorddiv';
makediv.style.height = "500px";
makediv.style.width = "197px";
makediv.style.position = "relative";
makediv.style.overflow = "hidden";

makediv.appendChild(makeIframe);

var getRef = document.getElementById("page-tools");
var parentDiv = getRef.parentNode;
parentDiv.insertBefore(makediv, getRef);

/* ------- */
/* --- Tooltips --- */

$(document).ready(function() {
  var qm = $('.qm');
  var xx = $('.fa-circle-xmark');
  var currentTooltip = null;

  $(qm).click(function() {
    // Schließt das aktuelle Tooltip-Element, wenn auf das gleiche qm-Element geklickt wird
    if (currentTooltip && $(this).is($(currentTooltip).prev('.qm'))) {
      $(currentTooltip).hide();
      currentTooltip = null;
      return;
    }

    // Schließt das aktuelle Tooltip-Element, bevor ein neues geöffnet wird
    if (currentTooltip) {
      $(currentTooltip).hide();
    }

    // Speichert das aktuelle Tooltip-Element und zeigt es an
    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) {
    // Schließt das aktuelle Tooltip-Element, wenn auf ein anderes Element als das Tooltip-Element oder die qm-Elemente geklickt wird
    var clickedElement = event.target;
    if (currentTooltip && !$(clickedElement).is(currentTooltip) && !$(clickedElement).is(qm)) {
      $(currentTooltip).hide();
      currentTooltip = null;
    }
  });
});

/* ------- */
/* --- List Pagination --- */

// Define the number of items to display per page
var itemsPerPage = 5;

// Hide all divs initially
$('div.filtered-list-item').hide();

// 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
$('.page-link').click(function(e) {
  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();
});