{"id":4205,"date":"2025-04-05T19:38:11","date_gmt":"2025-04-05T19:38:11","guid":{"rendered":"https:\/\/vogelkennis.nl\/?page_id=4205"},"modified":"2025-04-06T19:24:04","modified_gmt":"2025-04-06T19:24:04","slug":"zoek-met-ai-page","status":"publish","type":"page","link":"https:\/\/vogelkennis.nl\/index.php\/zoek-met-ai-page\/","title":{"rendered":"Zoek met AI page"},"content":{"rendered":"\n<p>Vul een Nederlandse of latijnse naam in<\/p>\n\n\n\n<style>\n  .vogelzoeker-container {\n    font-family: Arial, sans-serif;\n    max-width: 700px;\n    margin: 20px auto;\n  }\n\n  .vogelzoeker-container input {\n    width: 100%;\n    padding: 8px;\n    font-size: 16px;\n    border: 1px solid #ccc;\n    border-radius: 6px;\n    margin-bottom: 15px;\n  }\n\n  .soortkaart {\n    background-color: #f9f9f9;\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    padding: 15px;\n    margin-bottom: 20px;\n  }\n\n  .soortkaart h3 {\n    margin-top: 0;\n    color: #005a9c;\n  }\n\n  .geen-resultaat {\n    background-color: #fffbe6;\n    border: 1px solid #ffd42a;\n    border-radius: 8px;\n    padding: 15px;\n    color: #665c00;\n    margin-bottom: 20px;\n  }\n<\/style>\n\n<div class=\"vogelzoeker-container\">\n  <input type=\"text\" id=\"zoekveld\" placeholder=\"Zoek op soortnaam (NL of UK) of Latijn...\">\n  <div id=\"resultaat\"><\/div>\n<\/div>\n\n<script>\n  let soortenData = [];\n\n  fetch(\"https:\/\/vogelkennis.nl\/dbvk\/vogelkennis.json\")\n    .then(response => response.json())\n    .then(data => soortenData = data);\n\n  document.getElementById(\"zoekveld\").addEventListener(\"input\", function() {\n    const query = this.value.toLowerCase();\n    const container = document.getElementById(\"resultaat\");\n    container.innerHTML = \"\";\n\n    if (query.length < 3) return;\n\n    const resultaten = soortenData.filter(soort =>\n      (soort.naam && soort.naam.toLowerCase().includes(query)) ||\n(soort.UK && soort.UK.toLowerCase().includes(query)) || \n      (soort.genus && soort.genus.toLowerCase().includes(query)) \n    );\n\n    if (resultaten.length === 0) {\n      container.innerHTML = `\n        <div class=\"geen-resultaat\">\n          \u274c <strong>Helaas, over deze soort hebben we geen informatie beschikbaar.<\/strong>\n        <\/div>\n      `;\n      return;\n    }\n\n    resultaten.forEach(soort => {\n      const kaart = document.createElement(\"div\");\n      kaart.className = \"soortkaart\";\n      kaart.innerHTML = `\n        <h3>${soort.naam}<\/h3>\n        <p><strong>species:<\/strong> ${soort.genus} ${soort.ssp} | ${soort.UK}<\/p>\n        <p><strong>Order:<\/strong> ${soort.orde} | <strong>Familie:<\/strong> ${soort.family} (${soort.famname})<\/p>\n        <p><strong>Status:<\/strong> ${soort.status || \"onbekend\"}<\/p>\n        <p><strong>Distribution:<\/strong> ${soort.range || \"N\/A\"}<\/p>\n        <p><strong>Migration:<\/strong> ${soort.migration || \"N\/A.\"}<\/p>\n        <p><strong>Habitat:<\/strong> ${soort.habitat || \"N\/A\"}<\/p>\n        <p><strong>Feeding:<\/strong> ${soort.feeding || \"N\/A\"}<\/p>\n        <p><strong>Breeding:<\/strong> ${soort.breeding || \"N\/A\"}<\/p>\n        <p><strong>Features:<\/strong> ${soort.kenm || \"N\/A\"}<\/p>\n        <p><strong>Description:<\/strong> ${soort.test || \"N\/A\"}<\/p>\n        <p><strong>Status justification:<\/strong> ${soort.just || \"N\/A\"}<\/p>\n      `;\n      container.appendChild(kaart);\n    });\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Vul een Nederlandse of latijnse naam in<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4205","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vogelkennis.nl\/index.php\/wp-json\/wp\/v2\/pages\/4205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vogelkennis.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vogelkennis.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vogelkennis.nl\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vogelkennis.nl\/index.php\/wp-json\/wp\/v2\/comments?post=4205"}],"version-history":[{"count":15,"href":"https:\/\/vogelkennis.nl\/index.php\/wp-json\/wp\/v2\/pages\/4205\/revisions"}],"predecessor-version":[{"id":4322,"href":"https:\/\/vogelkennis.nl\/index.php\/wp-json\/wp\/v2\/pages\/4205\/revisions\/4322"}],"wp:attachment":[{"href":"https:\/\/vogelkennis.nl\/index.php\/wp-json\/wp\/v2\/media?parent=4205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}