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

A lap 2024. június 24., 11:45-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);
});

// Kereső gomb létrehozása és működése
$(document).ready(function() {
    // Kereső konténer div létrehozása
    var searchContainer = $('<div>')
        .attr('id', 'customSearchContainer')
        .css({
            'position': 'fixed',
            'top': '380px', // Előfordulhat, hogy ezt módosítani kell az oldal elrendezésétől függően
            'left': '20px',
            'z-index': '1000'
        });

    // Kereső input mező létrehozása
    var searchInput = $('<input>')
        .attr({
            'type': 'text',
            'id': 'customSearchInput',
            'placeholder': 'Keresés...'
        })
        .css({
            'padding': '10px',
            'margin-right': '10px',
            'border': '1px solid #ccc',
            'border-radius': '5px',
            'font-size': '14px',
            'width': '200px'
        });

    // Kereső gomb létrehozása
    var searchButton = $('<div>')
        .attr('id', 'customSearchButton')
        .css({
            'background-color': '#0074D9',
            'color': 'white',
            'cursor': 'pointer',
            'padding': '10px',
            'border-radius': '5px'
        })
        .text('Keresés');

    // Kereső gomb és input mező hozzáadása a konténerhez
    searchContainer.append(searchInput).append(searchButton);
    $('#p-navigation').after(searchContainer); // Az "p-navigation" az oldal navigációs sávját jelöli

    // Kattintás esemény hozzáadása a kereső gombhoz
    searchButton.click(function() {
        var searchTerm = searchInput.val().trim();
        if (searchTerm !== '') {
            var searchUrl = mw.config.get('wgScriptPath') + '/index.php?search=' + encodeURIComponent(searchTerm);
            window.location.href = searchUrl;
        }
    });

    // Enter lenyomás figyelése a kereső input mezőn
    searchInput.keypress(function(event) {
        if (event.which === 13) { // Enter key pressed
            searchButton.click();
        }
    });
});



document.addEventListener("DOMContentLoaded", function() {
    var headerImage = document.getElementById("header-image");
    var mwBody = document.getElementById("mw-body");

    if (headerImage && mwBody) {
        window.addEventListener("scroll", function() {
            var mwBodyRect = mwBody.getBoundingClientRect();
            var headerImageHeight = headerImage.offsetHeight;

            if (mwBodyRect.top <= headerImageHeight) {
                headerImage.style.position = "fixed";
                headerImage.style.top = "0";
            } else {
                headerImage.style.position = "absolute";
                headerImage.style.top = "0";
            }
        });
    }
});