Werbung:
MediaWiki:Common.js
Aus TagTraum
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
/* 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 --- */ $(document).ready(function() { // Define the number of items to display per page var itemsPerPage = 6; // 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(); }); });