content/search-results.php

@@ -27,8 +27,8 @@ if ($currentPage < 1) {
 $offset = ($currentPage - 1) * $limit;
 
 // Nur die Ergebnisse für die aktuelle Seite ausschneiden
-$results = array_slice($all_results, $offset, $limit);
-//$results = $all_results;
+//$results = array_slice($all_results, $offset, $limit);
+$results = $all_results;
 $resultCount = count($results);
 
 ?>
@@ -45,6 +45,7 @@ $resultCount = count($results);
     <!-- Links: Seitenleiste für Filter und Suche -->
     <aside class="s-res-sidebar">
 
+    <!-- Sortierfuntion Box und Such Box-->
         <form action="php/controller/search-results-controller.php" method="GET" id="search-form-id" class="s-res-sidebar-form">
             
             <input type="hidden" id="s-res-page-input" name="page" value="<?php echo $_GET['page'] ?? 1; ?>">
@@ -168,7 +169,7 @@ $resultCount = count($results);
             <!-- Auswahl der Ergebnisse pro Seite -->
             <div class="s-res-limit-selector">
                 <label for="s-res-per-page" class="s-res-limit-label">Ergebnisse pro Seite:</label>
-                <select id="s-res-per-page" name="limit" class="s-res-limit-select" form="search-form-id" onchange="this.form.submit()">
+                <select id="s-res-per-page" name="limit" class="s-res-limit-select">
                     <option value="10" <?php echo $limit === 10 ? 'selected' : ''; ?>>10</option>
                     <option value="20" <?php echo $limit === 20 ? 'selected' : ''; ?>>20</option>
                     <option value="50" <?php echo $limit === 50 ? 'selected' : ''; ?>>50</option>

js/filter.js

@@ -1,14 +1,29 @@
 let currentClientPage = 1;
-const itemsPerPage = 10;
+let itemsPerPage = 10;
 
 function initFilter() {
     const filterSelect = document.getElementById('category-filter');
     const listContainer = document.querySelector('.s-res-list');
+    const limitSelect = document.getElementById('s-res-per-page');
 
     if (!filterSelect || !listContainer) return;
 
+    if (limitSelect) {
+        itemsPerPage = parseInt(limitSelect.value, 10) || 10;
+    }
+
     updateVisibility();
 
+    if (limitSelect) {
+        limitSelect.addEventListener('change', function() {
+
+            //neues limit einlesen
+            itemsPerPage = parseInt(this.value, 10); 
+            currentClientPage = 1;
+            updateVisibility(); 
+        });
+    }
+
     filterSelect.addEventListener('change', function() {
         currentClientPage = 1; 
         updateVisibility();