Artikelsuche | tommotec.de

Anmelden Registrieren
0

function tagSearch(searchValue) { if (searchValue !== '') { fetch("/rest/taglistsearch", { method: "POST", headers: { "Content-type": "application/json; charset=UTF-8" }, body: JSON.stringify({ search: searchValue, }) }).then(response => response.json()).then(data => { if (data.status !== false) { console.log('OK'); drawResult(data.result); console.log(data.status); } else { console.log('NO RESULT'); drawError(); } }).catch(error => { console.error("Error:", error); let tagList = document.querySelector('.tag-list'); tagList.innerHTML = ''; }); } else { let tagList = document.querySelector('.tag-list'); tagList.innerHTML = ''; } } function drawResult(items) { let tagList = document.querySelector('.tag-list'); tagList.innerHTML = ''; let tagListInner = document.createElement('div'); tagListInner.setAttribute("class", "tag-list-inner"); items.forEach(function (item) { let link = document.createElement('a'); let url = "/" + encodeURIComponent(item.name.replace(/\s+/g,'_')) + "_t" + item.id; link.setAttribute("href", url); link.setAttribute("class", "badge badge-finder"); let span = document.createElement('span'); span.append(item.name); link.append(span); tagListInner.append(link); }); tagList.append(tagListInner); } function drawError() { let tagList = document.querySelector('.tag-list'); tagList.innerHTML = ''; let tagListInner = document.createElement('div'); tagListInner.setAttribute("class", "tag-list-inner error"); let span = document.createElement('span'); span.setAttribute("class", "finder-no-result"); span.append('keine Ergebnisse gefunden'); tagListInner.append(span); tagList.append(tagListInner); } document.addEventListener('DOMContentLoaded', function () { const searchElement = document.getElementById('finder-search-'); searchElement.addEventListener("keyup", (event) => { if (event.isComposing || event.keyCode === 229) { return; } setTimeout(function(){ tagSearch(searchElement.value) }, 300); }); }, false);

{ "@context":"http://schema.org/", "@type":"BreadcrumbList", "itemListElement": [{"@type":"ListItem","position":1,"item":{"@id":"\/","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":"\/artikelsuche","name":"Artikelsuche"}}] }