Werbung:
MediaWiki:Common.js: Unterschied zwischen den Versionen
Aus TagTraum
Kiba (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Kiba (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 43: | Zeile 43: | ||
// Schließt das aktuelle Tooltip-Element, wenn auf das "x" -Symbol geklickt wird | // Schließt das aktuelle Tooltip-Element, wenn auf das "x" -Symbol geklickt wird | ||
$(this).closest('.tooltip').hide(); | $(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; | |||
} | |||
}); | }); | ||
}); | }); | ||
/* ------- */ | /* ------- */ |
Version vom 2. März 2023, 01:59 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, 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; } }); }); /* ------- */