<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css?t=<?php echo time() ?>">
<?php include ('functions.php');
include ('db.php');
include ('menu.php');?>
<script src="ajax.js"></script>
<script>
// Definitie van de functie 'zoeken', die wordt aangeroepen bij het laden van de pagina
function zoeken() {
// Eventlistener toegevoegd aan het inputveld 'zoekbalk', luisterend naar toetsaanslagen
document.getElementById('zoekbalk').onkeyup = zoekenajax;
}
// Functie 'zoekenajax' die wordt uitgevoerd bij elke toetsaanslag in de zoekbalk
function zoekenajax() {
// Haalt de waarde op van de zoekbalk
var zoeken = document.getElementById('zoekbalk').value;
// Voert een AJAX-verzoek uit naar 'zoeken_ajax.php' met de zoekterm als parameter
ajax('zoeken_ajax.php?zoek='+zoeken, 'zoeken');
}
// Voert de functie 'zoeken' uit wanneer het venster volledig is geladen
window.onload = zoeken;
</script>
</head>
<body>
<div><input type="text" name="zoekbalk" id='zoekbalk' placeholder="Zoeken"></div>
<?php
// Hier zou PHP-code kunnen staan om dynamische inhoud te genereren, maar is momenteel niet ingevuld
?>
<div id="zoeken">
geen gegevens gevonden... <!-- Standaard bericht voor geen zoekresultaten -->
</div>
</body>
</html>