MediaWiki:Common.js: Unterschied zwischen den Versionen

Version vom 9. März 2023, 00:24 Uhr

/* Das folgende JavaScript wird für alle Benutzer geladen. */

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;
    }
  });
});

/* ------- */
/* --- Insert CSS into Iframes ---- */
window.onload = function() {
      let link = document.createElement("link");
      link.href = "style.css";
      link.rel = "stylesheet";
      link.type = "text/css";
      frames[0].document.head.appendChild(link);
}
/* ------- */