MediaWiki:Common.js: Unterschied zwischen den Versionen

Version vom 26. April 2023, 21:35 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() {
    alert(':(');
    // 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;
    }
  });
});