„MediaWiki:Common.js” változatai közötti eltérés
Innen: Sanctum2 Wikipédia
Ugrás a navigációhozUgrás a kereséshez
Nincs szerkesztési összefoglaló |
Nincs szerkesztési összefoglaló |
||
2. sor: | 2. sor: | ||
$(document).ready(function() { | $(document).ready(function() { | ||
// Add search box with styled input | // Add search box with styled input | ||
var searchBoxHtml = '<div id="searchBox" style="position: | 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%; display: none;">' + | ||
'<label for="tableSearch" style="color: #fff; font-size: 1.2em; margin-right: 10px;">Keresés név alapján:</label>' + | '<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;">' + | '<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;">' + | ||
8. sor: | 8. sor: | ||
$('table.wikitable').before(searchBoxHtml); | $('table.wikitable').before(searchBoxHtml); | ||
// Store initial table position | |||
var tableOffset = $('table.wikitable').offset().top; | |||
// Show/hide search box based on scroll position | |||
$(window).scroll(function() { | |||
var scrollPosition = $(window).scrollTop(); | |||
if (scrollPosition > tableOffset) { | |||
$('#searchBox').slideDown(); | |||
} else { | |||
$('#searchBox').slideUp(); | |||
} | |||
}); | |||
// Search functionality | // Search functionality |
A lap 2024. június 24., 09:32-kori változata
// 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%; display: none;">' + '<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>'; $('table.wikitable').before(searchBoxHtml); // Store initial table position var tableOffset = $('table.wikitable').offset().top; // Show/hide search box based on scroll position $(window).scroll(function() { var scrollPosition = $(window).scrollTop(); if (scrollPosition > tableOffset) { $('#searchBox').slideDown(); } else { $('#searchBox').slideUp(); } }); // Search functionality $('#tableSearch').on('keyup', function() { var value = $(this).val().toLowerCase(); $('table.wikitable tr').filter(function() { $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1); }); }); });