„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ó Címke: Visszaállítva |
Nincs szerkesztési összefoglaló Címke: Kézi visszaállítás |
||
1. sor: | 1. sor: | ||
#mw- | // MediaWiki:Common.js | ||
position: fixed; | $(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(); | |||
} | |||
}); | |||
}); |
A lap 2024. június 24., 13:32-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(); } }); });