MediaWiki:Common.js

Megjegyzés: közzététel után frissítened kell a böngésződ gyorsítótárát, hogy lásd a változásokat.

• Firefox / Safari: tartsd lenyomva a Shift gombot és kattints a Frissítés gombra a címsorban, vagy használd a Ctrl–F5 vagy Ctrl–R (Macen ⌘–R) billentyűkombinációt
• Google Chrome: használd a Ctrl–Shift–R (Macen ⌘–Shift–R) billentyűkombinációt
• Internet Explorer / Edge: tartsd nyomva a Ctrl-t, és kattints a Frissítés gombra, vagy nyomj Ctrl–F5-öt
• Opera: Nyomj Ctrl–F5-öt

// MediaWiki:Common.js
$(document).ready(function() {
    // Add search box with styled input
    var searchBoxHtml = '<div id="searchBox" style="position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 1000; background-color: #333; padding: 10px; border-radius: 5px; width: 90%;">' +
                       '<label for="tableSearch" style="color: #fff; font-size: 1.2em; margin-right: 10px;">Keresés név alapján:</label>' +
                       '<input type="text" id="tableSearch" placeholder="Írd be a tárgy nevét..." style="padding: 5px; border-radius: 5px; border: 1px solid #72716F; color: #333; width: 70%;">' +
                       '</div>';

    $('table.wikitable').before(searchBoxHtml);

    // Search functionality
    $('#tableSearch').on('keyup', function() {
        var value = $(this).val().toLowerCase();
        $('table.wikitable tr').filter(function() {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
        });
    });

    // Adjust search box on scroll
    $(window).scroll(function() {
        var scrollPosition = $(window).scrollTop();
        var searchBox = $('#searchBox');
        var tableOffset = $('table.wikitable').offset().top;

        if (scrollPosition > tableOffset) {
            searchBox.css({
                'position': 'fixed',
                'top': '10px'  // Adjust top position as needed
            });
        } else {
            searchBox.css({
                'position': 'absolute',
                'top': 'auto'
            });
        }
    });
});