MediaWiki:Common.js: Difference between revisions

Revision as of 06:08, 19 September 2024

/* Any JavaScript here will be loaded for all users on every page load. */

//collapsible table column test, based on: https://codepen.io/feger/pen/eDybC
$(".btnHideEnglish").click(function() {
    console.log('Hiding first column of table with an id of report');
    $("table#collapsible_report > tbody:last-child > tr > th:first-child, table#collapsible_report > tbody:last-child > tr > td:first-child").toggle();
    $(this).text($(this).text() == "Hide English" ? "Show English" : "Hide English");
    $("table#collapsible_report").css({
        "width": $(this).text() == "Show English" ? "80%" : "100%"
    });
});

$(".btnHideHigh-German").click(function() {
    console.log('Hiding first column of table with an id of report');
    $("table#collapsible_report > tbody:last-child > tr > th:last-child, table#collapsible_report > tbody:last-child > tr > td:last-child").toggle();
    $(this).text($(this).text() == "Hide High German" ? "Show High German" : "Hide High German");
    $("table#collapsible_report").css({
        "width": $(this).text() == "Show High German" ? "80%" : "100%"
    });
});

$(".btnHideGerman").click(function() {
    console.log('Hiding first column of table with an id of report');
    $("table#collapsible_report > tbody:last-child > tr > th:last-child, table#collapsible_report > tbody:last-child > tr > td:last-child").toggle();
    $(this).text($(this).text() == "Hide German" ? "Show German" : "Hide German");
    $("table#collapsible_report").css({
        "width": $(this).text() == "Show German" ? "80%" : "100%"
    });
});

// hide the german by default, on page load, but only if the btnHideGerman element exists on the page
if (document.getElementById("btnHideGerman")) {
  console.log('btnHideGerman exists');
  //$("#btnHideGerman").click();
} else {
  // do stuff
  console.log('btnHideGerman does not exist');
}



$(document).ready(function() {
    $('tr td:first-child .WD-Ausartung').hover(function() {
        // Set the tooltip content from the data attribute
        $(this).attr('data-tooltip', 'Explanation of the Plejaren language scientists, given to Billy on the 27th of August 2010: Ausartung means to get very badly out of control of the good human nature.');
    }, function() {
        // Clear the tooltip content
        $(this).attr('data-tooltip', '');
    });
});

$(document).ready(function() {
    $('tr td:first-child .WD-Gewalt').hover(function() {
        // Set the tooltip content from the data attribute
        $(this).attr('data-tooltip', 'Explanation from Ptaah: Gewalt has nothing to do with the terms ‹heftig› (violent) and ‹Heftigkeit› (violence), because the old Lyrian term with regard to ‹Gewalt› means ‹Gewila›, and it is defined as using, with all the coercive means that are at one’s disposal, physical, psychical, mental, and consciousness-based powers, abilities and skills, in order to carry out and carry through terrible actions and deeds.');
    }, function() {
        // Clear the tooltip content
        $(this).attr('data-tooltip', '');
    });
});

$(document).ready(function() {
    $('tr td:first-child .WD-Wesen').hover(function() {
        // Tooltip content
        var tooltipContent = 'A Wesen is an independently existing life-form with its own individuality and personality...';

        // Create and position the tooltip
        var $tooltip = $('
').text(tooltipContent).appendTo('body').css({
            position: 'absolute',
            zIndex: 1000
        });

        // Get position of the hovered element
        var offset = $(this).offset();
        var elementHeight = $(this).outerHeight();
        var tooltipHeight = $tooltip.outerHeight();
        var topPosition = offset.top - tooltipHeight - 5; // 5px above the element

        // Adjust position if it goes off-screen
        if (topPosition < 0) {
            topPosition = offset.top + elementHeight + 5; // 5px below the element
        }

        // Set tooltip position
        $tooltip.css({ left: offset.left, top: topPosition });

        // Store tooltip for removal
        $(this).data('tooltip', $tooltip);
    }, function() {
        // Remove the tooltip
        var $tooltip = $(this).data('tooltip');
        if ($tooltip) {
            $tooltip.remove();
            $(this).removeData('tooltip');
        }
    });
});