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:
document.addEventListener("DOMContentLoaded", function() {
document.addEventListener("DOMContentLoaded", function() {
     var sidebar = document.querySelector("#mw-panel"); // Get the sidebar
    // Get the sidebar element
     if (sidebar && !document.querySelector("#p-search")) { // Check if no search already exists
     var sidebar = document.querySelector("#mw-panel");
   
     if (sidebar && !document.querySelector("#p-search")) { // Check if 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";  // Set the ID for the search box
         searchBox.innerHTML = `
         searchBox.innerHTML = `
             <form action="/index.php" method="get">
             <form action="/index.php" method="get">
Line 10: Line 12:
             </form>
             </form>
         `;
         `;
         // Insert the search box directly inside the sidebar (under the first portlet)
       
         var firstPortlet = sidebar.querySelector(".portlet"); // Find the first portlet
         // Insert the search box into the sidebar (ensure it's placed in the first portlet)
         var firstPortlet = sidebar.querySelector(".portlet"); // Find the first portlet in the sidebar
         if (firstPortlet) {
         if (firstPortlet) {
             sidebar.insertBefore(searchBox, firstPortlet); // Insert before the first portlet
             sidebar.insertBefore(searchBox, firstPortlet); // Insert the search box before the first portlet
         }
         }
     }
     }
});
});

Revision as of 17:20, 12 March 2025

document.addEventListener("DOMContentLoaded", function() {
    // Get the sidebar element
    var sidebar = document.querySelector("#mw-panel");
    
    if (sidebar && !document.querySelector("#p-search")) { // Check if no duplicate search exists
        var searchBox = document.createElement("div");
        searchBox.id = "p-search";  // Set the 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 into the sidebar (ensure it's placed in the first portlet)
        var firstPortlet = sidebar.querySelector(".portlet"); // Find the first portlet in the sidebar
        if (firstPortlet) {
            sidebar.insertBefore(searchBox, firstPortlet); // Insert the search box before the first portlet
        }
    }
});