Add a small input box to find and filter specific operations.
Version au
// ==UserScript==
// @name Quick filter M&B operations from the wiki
// @description Add a small input box to find and filter specific operations.
// @namespace https://greasyfork.org/users/4813
// @match https://mbcommands.fandom.com/wiki/Operations*
// @version 2025.07.21
// @author Swyter
// @license GNU GPLv3
// @grant none
// ==/UserScript==
search=document.createElement("input")
search.setAttribute("type", "text")
search.setAttribute("placeholder", "Filter operations...")
search.setAttribute("style", "/*! position: relative; */align-self: center;/*! display: inline-grid; */width: calc(100% - 40%);left: calc(20%);position: fixed;bottom: 20px;")
document.body.appendChild(search)
style=document.createElement("style")
style.textContent = `
.operation[hidden],
.operation[hidden] + dl,
.mw-parser-output p:not(.operation),
.mw-parser-output pre,
.mw-parser-output ol,
.mw-parser-output ul,
.mw-parser-output *:not(.operation) + dl,
.mw-parser-output div
{
display: none;
}
`
document.body.appendChild(style)
search.oninput=function(e)
{
//console.log(e, e.target.value);
operations = document.querySelectorAll(".operation");
search_text= e.target.value
for (var op of operations)
{
//console.log(op)
if (op.id.includes(search_text))
op.removeAttribute("hidden")
else
op.setAttribute("hidden", "true")
}
}