https://diatoms.org/js/dynamic.js??2.0.97

1$(document).ready(function () {
2    loadInAllDynamicHtml();
3    registerLoadInHoverDynamicListener('taxa-thumb');
4});
5
6function loadInAllDynamicHtml() {
7
8    $('.dynamic-html').each(function () {
9        var $elemenet = $(this);
10
11        if ($elemenet.is(':empty')) {
12            loadDynamicContantForElement($elemenet, null);
13        }
14
15    });
16
17}
18
19function registerLoadInHoverDynamicListener(hoverClass) {
20
21    $('.' + hoverClass).hover(function () {
22
23        var $parent = $(this);
24
25        var identifier = $parent.attr('data-dynamic-hover-identifier');
26
27        if (identifier) {
28
29            var $element = $('#' + identifier);
30
31            if ($element && $element.is(':empty')) {
32                loadDynamicContantForElement($element, $parent);
33            }
34        }
35
36    });
37
38}
39
40function loadDynamicContantForElement(element, hoverParent) {
41    var emptyHtml = element.attr('data-dynamic-empty-html');
42    var dynamicEndpoint = element.attr('data-dynamic-endpoint');
43
44    if (emptyHtml === "true") {
45        element.empty();
46    }
47
48    element.html('<div class="loader"><i class="fas fa-spinner fa-pulse"></i></div>');
49
50    $.get(dynamicEndpoint, function(data) {
51
52        var $newElement = $(data);
53
54        element.html($newElement);
55
56        // if (hoverParent) {
57        //     hoverParent.trigger('mouseenter');
58        // }
59    });
60}