make search only work on load

catalog.html

@@ -42,7 +42,7 @@
 
     <script type="text/javascript" src="js/title_list.js"></script>
     <script>
-        document.onreadystatechange = load_titles("https://amangathing.ddns.net/instance");
+        document.onreadystatechange = load_titles("https://amangathing.ddns.net/instance/manga/search?title=a");
     </script>
 </body>
 </html>

css/stylesheet.css

@@ -95,6 +95,7 @@ a:visited {
 #content {
     position: absolute;
     width: 80%;
+    height: auto;
     left: 10%;
     top: 5em;
     bottom: 0em;

js/title_list.js

@@ -6,8 +6,6 @@ function load_titles(remote) {
     if(remote == ""){
         return;
     }
-    base = remote;
-    remote += "/manga/search?title=a";
     fetch(remote)
     .then(res => res.json())
     .then(function (res) {
@@ -25,11 +23,11 @@ function load_titles(remote) {
             ))
             .appendChild(Object.assign(
                 document.createElement("a"),
-                {href: "./title.html?id="+manga["id"]}
+                {href: "/title.html?id="+manga["id"]}
             ))
             .appendChild(Object.assign(
                 document.createElement("img"),
-                {className: "thumbnail", src: base+"/thumbnail/"+manga["id"]+".webp"}
+                {className: "thumbnail", src: "/instance/thumbnail/"+manga["id"]+".webp"}
             ));
             //title
             first_row.appendChild(Object.assign(
@@ -38,7 +36,7 @@ function load_titles(remote) {
             ))
             .appendChild(Object.assign(
                 document.createElement("a"),
-                {href: "./title.html?id="+manga["id"]}
+                {href: "/title.html?id="+manga["id"]}
             ))
             .appendChild(Object.assign(
                 document.createElement("b"),

search.html

@@ -75,17 +75,12 @@
     <script type="text/javascript" src="js/title_list.js"></script>
     <script type="text/javascript" src="js/search.js"></script>
     <script>
-        var prefix = "https://amangathing.ddns.net/instance/manga/search?";
-
         document.onreadystatechange = function () {
-            var query = search_full()
-            if(query != ""){
-                console.log("on load", query);
-                load_titles(prefix+query);
+                console.log("on load");
+                load_titles("https://amangathing.ddns.net/instance/manga/search"+window.location.search);
                 document.querySelector("#title_list").style.visibility = "visible";
                 document.querySelector("#label").textContent = "Result";
         }
-        }
     </script>
 </body>
 </html>