niklas.ortmann/webprogrammierung
0
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

WIP: Anpassung der results seite und erstellung der script-datei #37

Draft
viratex wants to merge 24 commits from SuchergebnisseJS into dev
pull from: SuchergebnisseJS
merge into: niklas.ortmann:dev
Conversation 3 Commits 24 Files Changed 6
+11 -5
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 520298bae4 - Show all commits
js/filter.js
+11 -5
View File
@@ -1,4 +1,3 @@
function initFilter() {
const filterSelect = document.getElementById('category-filter');
const listContainer = document.querySelector('.s-res-list');
@@ -6,22 +5,29 @@ function initFilter() {
if (!filterSelect || !listContainer) return;
filterSelect.addEventListener('change', function() {
const selectedCategory = this.value.toLowerCase();
const selectedCategory = this.value.toLowerCase().trim();
const cards = listContainer.querySelectorAll('.s-res-item');
console.log("--- FILTER GESTARTET ---");
console.log("Ausgewählt im Dropdown (kleingeschrieben): '" + selectedCategory + "'");
cards.forEach(card => {
const cardCategory = card.getAttribute('data-category') || '';
const cardCategory = (card.getAttribute('data-category') || '').toLowerCase().trim();
const articleTitle = card.querySelector('.s-res-link')?.textContent.trim() || 'Unbekannt';
console.log(`Prüfe Artikel "${articleTitle}": Karte hat '${cardCategory}' vs Dropdown '${selectedCategory}'`);
if (selectedCategory === 'all' || cardCategory === selectedCategory) {
card.style.display = 'flex';
card.style.style.display = 'flex';
console.log("-> TREFFER (wird angezeigt)");
} else {
card.style.display = 'none';
console.log("-> KEIN TREFFER (wird ausgeblendet)");
}
});
});
}
// ist das DOM bereits vollständig aufgebaut?
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initFilter);
} else {