MediaWiki: CustomDrilldown.js: Unterschied zwischen den Versionen
Aus Joachim Camerarius (1500-1574)
Noeth (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Noeth (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 12: | Zeile 12: | ||
$(document).ready(function () { | $(document).ready(function () { | ||
/** Add custom elements to Drilldown **/ | /** Add custom elements to Drilldown **/ | ||
$('<h3 class="drilldown-pre-filters">2. Verfügbare Filteroptionen</h3>').insertBefore("#drilldown-applicable-filters"), | $('<h3 class="drilldown-pre-filters">2. Verfügbare Filteroptionen</h3>').insertBefore("#drilldown-applicable-filters"), | ||
$('<h3 class="drilldown-post-filters">3. Anwendung der Filter</h3>').insertAfter("#drilldown-applicable-filters"), | $('<h3 class="drilldown-post-filters">3. Anwendung der Filter</h3>').insertAfter("#drilldown-applicable-filters"), | ||
Zeile 31: | Zeile 21: | ||
}); | }); | ||
}); | }); | ||
/** Unblur Drilldown content after custom elements were added **/ | |||
$(".drilldown-results").css({ | |||
"-webkit-filter": "blur(0)", | |||
"-moz-filter": "blur(0)", | |||
"-o-filter": "blur(0)", | |||
"-ms-filter": "blur(0)", | |||
filter: "blur(0)" | |||
}) | |||
$(".drilldown-filter-values:has(a)").css("display", "none") | |||
/** Drilldown Toggle **/ | /** Drilldown Toggle **/ | ||
$(".drilldown-values-toggle").each(function () { | $(".drilldown-values-toggle").each(function () { |
Version vom 3. Dezember 2024, 12:29 Uhr
function drilldownswitcher() { $('#drilldown-switch:contains("Alle Filter ausklappen")').length ? ($(".drilldown-filter-values:has(a)").css("display", "block"), $(".drilldown-values-toggle").each(function() { $("img").each(function() { $(this).attr("src", $(this).attr("src").replace("right-arrow.png", "down-arrow.png")) }) }), document.getElementById("drilldown-switch").innerHTML = 'Alle Filter einklappen <span class="fa fa-minus"></span>') : $('#drilldown-switch:contains("Alle Filter einklappen")').length && ($(".drilldown-filter-values:has(a)").css("display", "none"), $(".drilldown-values-toggle").each(function() { $("img").each(function() { $(this).attr("src", $(this).attr("src").replace("down-arrow.png", "right-arrow.png")) }) }), document.getElementById("drilldown-switch").innerHTML = 'Alle Filter ausklappen <span class="fa fa-plus"></span>') } $(document).ready(function () { /** Add custom elements to Drilldown **/ $('<h3 class="drilldown-pre-filters">2. Verfügbare Filteroptionen</h3>').insertBefore("#drilldown-applicable-filters"), $('<h3 class="drilldown-post-filters">3. Anwendung der Filter</h3>').insertAfter("#drilldown-applicable-filters"), $('<html><div class="drilldown-btn-wrapper"><a class="btn primary-btn" href="javascript:;" onclick="drilldownswitcher()" id="drilldown-switch">Show all filters <i class="fa fa-plus"></i></a></div></html>').insertBefore("#drilldown-filters"); $(".drilldown-values-toggle").each(function () { $("img").each(function () { $(this).attr("src", $(this).attr("src").replace("down-arrow.png", "right-arrow.png")); }); }); /** Unblur Drilldown content after custom elements were added **/ $(".drilldown-results").css({ "-webkit-filter": "blur(0)", "-moz-filter": "blur(0)", "-o-filter": "blur(0)", "-ms-filter": "blur(0)", filter: "blur(0)" }) $(".drilldown-filter-values:has(a)").css("display", "none") /** Drilldown Toggle **/ $(".drilldown-values-toggle").each(function () { $("img").each(function () { $(this).attr("src", $(this).attr("src").replace("down-arrow.png", "right-arrow.png")) }) }) })