|
|
Zeile 1: |
Zeile 1: |
| /* Das folgende JavaScript wird für alle Benutzer geladen. */ | | /* 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() {
| |
| setTimeout(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;
| |
| }
| |
| });
| |
|
| |
| }, 1000);
| |
| });
| |