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

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

// A kereső gomb létrehozása és működése
$(document).ready(function() {
    // Adjunk hozzá egy új div-et középre, ahol a gomb lesz
    var searchButton = $('<div>')
        .attr('id', 'customSearchButton')
        .css({
            'position': 'fixed',
            'top': '50%',
            'left': '50%',
            'transform': 'translate(-50%, -50%)',
            'z-index': '1000',
            'background-color': '#0074D9',
            'color': 'white',
            'cursor': 'pointer',
            'padding': '10px',
            'border-radius': '5px'
        })
        .text('Keresés');

    // Az új div-et hozzáadjuk a body-hoz
    $('body').append(searchButton);

    // Kattintás esemény hozzáadása a kereső gombhoz
    searchButton.click(function() {
        $('#searchInput').focus(); // A bal oldali kereső beviteli mezőjének fókuszálása
    });
});