„MediaWiki:Common.js” változatai közötti eltérés

A lap 2024. június 24., 11:03-kori változata

// MediaWiki:Common.js
$(document).ready(function() {
    // Add search box with styled input
    var searchBoxHtml = '<div id="searchBox" style="position: sticky; top: 0; background-color: #333; padding: 10px; border-radius: 5px; width: 90%; margin-left: auto; margin-right: auto;">' +
                       '<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%; max-width: 500px;">' +
                       '</div>';

    // Insert search box above the "Kép Név Beszerezhetőség" table
    $('.mw-parser-output table.wikitable:first').before(searchBoxHtml);

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

// MediaWiki:Common.js
$(document).ready(function() {
    // Add fixed header with logo and search box
    var headerHtml = '<div id="customHeader" style="position: fixed; top: 0; left: 0; right: 0; background-color: #333; color: #fff; padding: 10px; z-index: 1000;">' +
                    '<div style="float: left;"><img src="/path/to/logo.png" style="height: 50px;"></div>' +
                    '<div style="float: right;"><input type="text" id="searchInput" placeholder="Search..." style="padding: 5px; border-radius: 5px; border: 1px solid #72716F; color: #333; width: 200px;"></div>' +
                    '<div style="clear: both;"></div>' +
                    '</div>';

    // Insert the custom header at the top of the page
    $('#mw-page-base').before(headerHtml);

    // Adjust content margin to prevent overlapping with fixed header
    $('#content').css('margin-top', '80px'); // Adjust this value as needed

    // Search functionality
    $('#searchInput').on('keyup', function() {
        var value = $(this).val().toLowerCase();
        $('.mw-parser-output').find('h2, h3, h4, p').filter(function() {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
        });
    });
});

$(document).ready(function() {
    var footerImage = $('<div id="footer-image"><img src="https://wiki.nw2online.com/skins/monobook/content_foot.png?2017-05-14T14:15:00Z" alt="Footer Image"></div>');
    $('#mw-content-text').append(footerImage);
});

$(document).ready(function() {
    var headerImage = $('<div id="header-image"><img src="https://wiki.nw2online.com/skins/monobook/content_head.png?2017-05-14T14:15:00Z" alt="Header Image"></div>');
    $('#firstHeading').prepend(headerImage);
});

// Várjuk meg, amíg a dokumentum betöltődik
document.addEventListener('DOMContentLoaded', function() {
    var searchBubble = document.getElementById('searchBubble');
    var searchInput = document.getElementById('searchInput');
    var searchSubmit = document.getElementById('searchSubmit');

    // Ha nem találjuk az elemeket, akkor nem csinálunk semmit
    if (!searchBubble || !searchInput || !searchSubmit) {
        return;
    }

    // Keresés funkció
    function performSearch() {
        var searchTerm = searchInput.value.trim();
        if (searchTerm !== '') {
            // Ide írd be a keresési logikát, például:
            // window.location.href = '/wiki/index.php?search=' + encodeURIComponent(searchTerm);
            // Ezt a sort cseréld ki a saját MediaWiki keresési URL-re és paraméterezésre.
            alert('Keresési funkció még nincs implementálva! Keresett kifejezés: ' + searchTerm);
        } else {
            alert('Kérlek írj be valamit a kereséshez!');
        }
    }

    // Kereső buborék megjelenítése
    function showSearchBubble() {
        searchBubble.classList.add('active');
    }

    // Kereső buborék elrejtése
    function hideSearchBubble() {
        searchBubble.classList.remove('active');
    }

    // Keresés indítása gombra kattintáskor
    searchSubmit.addEventListener('click', function(event) {
        event.preventDefault();
        performSearch();
    });

    // Enter lenyomásakor is indítsuk el a keresést
    searchInput.addEventListener('keydown', function(event) {
        if (event.key === 'Enter') {
            event.preventDefault();
            performSearch();
        }
    });

    // Görgetés figyelése és a buborék megjelenítése/elrejtése
    window.addEventListener('scroll', function() {
        var scrolledToTop = window.scrollY === 0;
        if (scrolledToTop) {
            showSearchBubble();
        } else {
            hideSearchBubble();
        }
    });

    // Az oldal betöltéskor is ellenőrizzük, hogy el kell-e rejteni a buborékot
    window.addEventListener('DOMContentLoaded', function() {
        var scrolledToTop = window.scrollY === 0;
        if (scrolledToTop) {
            showSearchBubble();
        } else {
            hideSearchBubble();
        }
    });
});