MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* Any JavaScript here will be loaded for all users on every page load. */
$(document).ready(function () {
    // Remove sidebar search
    $("#p-search").remove();

    // Insert search bar into the header container
    // We put it AFTER the logo, so header tabs are not blocked
    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);
});