MediaWiki:Common.js: Difference between revisions

From EQOA Sandstorm Wiki
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
/* Any JavaScript here will be loaded for all users on every page load. */
$(document).ready(function () {
$(document).ready(function () {
     // Remove sidebar search
     // Clone the search portlet (form) from sidebar
     $("#p-search").remove();
     var searchClone = $("#p-search").clone(true, true);
 
    // Remove the ID to avoid duplicates
    searchClone.attr("id", "top-search-bar");


     // Insert search bar into the header container
     // Insert after the logo (inside header)
    // We put it AFTER the logo, so header tabs are not blocked
     $("#p-logo-text").after(searchClone);
     var searchBar = `
        <div id="top-search-bar">
            <form action="/index.php" id="searchform">
                <div id="simpleSearch">
                    <div id="searchInput-container">
                        <input type="search" name="search" placeholder="Search the Wiki" aria-label="Search the Wiki" id="searchInput" />
                    </div>
                    <input type="hidden" name="title" value="Special:Search" />
                    <input class="searchButton mw-fallbackSearchButton" type="submit" name="fulltext" title="Search the pages for this text" value="Search" />
                    <input class="searchButton" type="submit" name="go" title="Go to a page with this exact name" value="Go" />
                </div>
            </form>
        </div>
    `;


     $("#p-logo-text").after(searchBar);
    // Hide the original sidebar search
     $("#p-search").remove();
});
});

Revision as of 11:38, 25 November 2025

/* Any JavaScript here will be loaded for all users on every page load. */
$(document).ready(function () {
    // Clone the search portlet (form) from sidebar
    var searchClone = $("#p-search").clone(true, true);

    // Remove the ID to avoid duplicates
    searchClone.attr("id", "top-search-bar");

    // Insert after the logo (inside header)
    $("#p-logo-text").after(searchClone);

    // Hide the original sidebar search
    $("#p-search").remove();
});