diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index bbe62e1ad..e8468c5f4 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -5120,6 +5120,10 @@ code {
 	cursor: pointer !important;
 }
 
+.disable-sort-click {
+	cursor: default !important;
+}
+
 lite-youtube {
 	background-color: #000;
 	position: relative;
diff --git a/files/assets/js/core.js b/files/assets/js/core.js
index f9b62c5de..c1ce93f83 100644
--- a/files/assets/js/core.js
+++ b/files/assets/js/core.js
@@ -450,3 +450,153 @@ function logout(t) {
 			location.href = '/'
 		});
 }
+
+function execute(element, attr) {
+	if (element.dataset.nonce != nonce) {
+		console.log("Nonce check failed!")
+		return
+	}
+	const funcs = element.getAttribute(`data-${attr}`).split(';')
+	for (const func of funcs) {
+		if (func) {
+			const split = func.split('(')
+			const name = split[0]
+			const args = split[1].replace(/[')]/g, "").split(',').map(a => a.trim());
+			if (args[0] == 'this') args[0] = element
+			try {
+				window[name](...args);
+			}
+			catch (e) {
+				console.log(e)
+				console.log(name)
+			}
+		}
+	}
+}
+
+const onsubmit = document.querySelectorAll('[data-onsubmit]');
+for (const element of onsubmit) {
+	element.addEventListener('submit', (event)=>{
+		event.preventDefault();
+		execute(element, 'onsubmit')
+	});
+}
+
+const onfocus = document.querySelectorAll('[data-onfocus]');
+for (const element of onfocus) {
+	element.addEventListener('focus', () => {execute(element, 'onfocus')});
+}
+
+const onclick_submit = document.querySelectorAll('[onclick_submit]');
+for (const element of onclick_submit) {
+	if (element.dataset.nonce != nonce) {
+		console.log("Nonce check failed!")
+		continue
+	}
+	element.addEventListener('click', () => {element.form.submit()});
+}
+
+const onchange_submit = document.querySelectorAll('[onchange_submit]');
+for (const element of onchange_submit) {
+	if (element.dataset.nonce != nonce) {
+		console.log("Nonce check failed!")
+		continue
+	}
+	element.addEventListener('change', () => {element.form.submit()});
+}
+
+const undisable_element = document.querySelectorAll('[data-undisable_element]');
+for (const element of undisable_element) {
+	if (element.dataset.nonce != nonce) {
+		console.log("Nonce check failed!")
+		continue
+	}
+	element.addEventListener('input', () => {
+		document.getElementById(element.dataset.undisable_element).disabled = false;
+	});
+}
+
+const setting_switchs = document.getElementsByClassName('setting_switch');
+for (const element of setting_switchs) {
+	if (element.dataset.nonce != nonce) {
+		console.log("Nonce check failed!")
+		continue
+	}
+	element.addEventListener('change', () => {
+		postToastSwitch(element,`/settings/personal?${element.name}=${element.checked}`);
+	});
+}
+
+const setting_selects = document.getElementsByClassName('setting_select');
+for (const element of setting_selects) {
+	if (element.dataset.nonce != nonce) {
+		console.log("Nonce check failed!")
+		continue
+	}
+	element.addEventListener('change', () => {
+		if (element.dataset.reload)
+			postToastReload(element,`/settings/personal?${element.name}=${element.value}`);
+		else
+			postToast(element,`/settings/personal?${element.name}=${element.value}`);
+	});
+}
+
+const reload_page = document.getElementById('reload_page')
+if (reload_page) {
+	reload_page.addEventListener('click', () => {location.reload()});
+}
+
+const TH = document.getElementsByTagName('th')
+for (const element of TH) {
+	if (element.classList.contains("disable-sort-click"))
+                continue;
+
+	element.addEventListener('click', () => {sort_table(element)});
+}
+
+const toggleelement = document.querySelectorAll('[data-toggleelement]');
+for (const element of toggleelement) {
+	element.addEventListener('click', () => {
+		document.getElementById(element.dataset.toggleelement).classList.toggle(element.dataset.toggleattr);
+	});
+}
+
+function register_new_elements(e) {
+	const showmores = document.getElementsByClassName('showmore')
+	for (const element of showmores) {
+		element.onclick = () => {showmore(element)};
+	}
+	
+	const onclick = e.querySelectorAll('[data-onclick]');
+	for (const element of onclick) {
+		element.onclick = () => {execute(element, 'onclick')};
+	}
+
+	const oninput = e.querySelectorAll('[data-oninput]');
+	for (const element of oninput) {
+		element.oninput = () => {execute(element, 'oninput')};
+	}
+
+	const onmouseover = e.querySelectorAll('[data-onmouseover]');
+	for (const element of onmouseover) {
+		element.onmouseover = () => {execute(element, 'onmouseover')};
+	}
+
+	const onchange = e.querySelectorAll('[data-onchange]');
+	for (const element of onchange) {
+		element.onchange = () => {execute(element, 'onchange')};
+	}
+
+	const popover_triggers = document.getElementsByClassName('user-name');
+	for (const element of popover_triggers) {
+		element.onclick = (e) => {popclick(e)};
+	}
+
+	const expandable = document.querySelectorAll('.in-comment-image, img[alt^="![]("]');
+	for (const element of expandable) {
+		element.onclick = () => {expandImage()};
+	}
+}
+
+register_new_elements(document);
+bs_trigger(document);
diff --git a/files/templates/search.html b/files/templates/search.html
index 80054bc0b..57e7671ad 100644
--- a/files/templates/search.html
+++ b/files/templates/search.html
@@ -31,7 +31,7 @@
 				<div class="pl-md-3">
 					{% if not request.path.startswith('/search/users') %}
 						<div id="searchparams-dropdown" class="dropdown dropdown-actions">
-							<button type="button" class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton2" data-bs-toggle="dropdown"><strong>Advanced search parameters (with examples)</strong></button>
+							<button type="button" class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton2" data-bs-toggle="dropdown" data-bs-display="static"><strong>Advanced search parameters (with examples)</strong></button>
 							<div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 31px, 0px);">
 								<div>
 									<div style="display: inline-block; width: 150px; text-align: center;">Author:</div>