MediaWiki:Common.js: Difference between revisions

From tol2kit for kwan lab
Jump to navigation Jump 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. */
document.addEventListener("DOMContentLoaded", function() {
document.addEventListener("DOMContentLoaded", function() {
    // Ensure the sidebar has a place to insert the search bar
     var sidebar = document.querySelector("#mw-panel"); // Get the sidebar
     var sidebar = document.querySelector("#mw-panel"); // Get the sidebar
     if (sidebar && !document.querySelector("#p-search")) {  // Check if no search already exists
     if (sidebar && !document.querySelector("#p-search")) {  // Make sure no duplicate search exists
         var searchBox = document.createElement("div");
         var searchBox = document.createElement("div");
         searchBox.id = "p-search";  // Unique ID for the search box
         searchBox.id = "p-search";  // Unique ID for the search box
Line 12: Line 10:
             </form>
             </form>
         `;
         `;
         // Insert the search box into the sidebar (before the first child)
         // Insert the search box directly inside the sidebar (under the first portlet)
         sidebar.insertBefore(searchBox, sidebar.firstChild);
         var firstPortlet = sidebar.querySelector(".portlet"); // Find the first portlet
        if (firstPortlet) {
            sidebar.insertBefore(searchBox, firstPortlet); // Insert before the first portlet
        }
     }
     }
});
});

Revision as of 17:15, 12 March 2025

document.addEventListener("DOMContentLoaded", function() {
    var sidebar = document.querySelector("#mw-panel"); // Get the sidebar
    if (sidebar && !document.querySelector("#p-search")) {  // Check if no search already exists
        var searchBox = document.createElement("div");
        searchBox.id = "p-search";  // Unique ID for the search box
        searchBox.innerHTML = `
            <form action="/index.php" method="get">
                <input type="hidden" name="title" value="Special:Search">
                <input type="search" name="search" placeholder="Search..." required>
            </form>
        `;
        // Insert the search box directly inside the sidebar (under the first portlet)
        var firstPortlet = sidebar.querySelector(".portlet"); // Find the first portlet
        if (firstPortlet) {
            sidebar.insertBefore(searchBox, firstPortlet); // Insert before the first portlet
        }
    }
});