<?php
include('db.php'); //Verbinding maken met database
?>
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css?t=<?php echo time()?>">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Films</title>
</head>
<script>
//Als de pagina wordt geladen, wordt de functie setEvent uitgevoerd
window.onload = setEvent
function setEvent(){
//Als er in het element met het id zoekbalk een toets omhooggaat, wordt de functie roepAjax aangeroepen
document.getElementById('zoekbalk').onkeyup = roepAjax
}
function roepAjax(){
//De value in het element met het id zoekbalk wordt opgeslagen in een variabele
var zoek = document.getElementById('zoekbalk').value
//De ajaxfunctie wordt uitgevoerd met de code in het bestand AjaxZoeken_film, de waarde van de variabele zoek wordt meegegeven
ajax('Ajax/AjaxZoeken_film.php?input_film=' + zoek,'resultaat')
}
</script>
<body>
<?php
include('menubalk.php'); //Menubalk wordt opgenomen in bestand
//Query voor het ophalen van alle films in de database
$query = "select *
from films
order by titel";
//resultaat opslaan in variabele
$result = mysqli_query($db, $query) or die(mysqli_error($db));
echo "<div id='container'>";
//Zoekbalk opgenomen in bestand
include('zoeken.php');
echo "<div id='resultaat'>";
echo "<div class='link-container'>";
//Ophalen uit het resultaat en resultaat laten zien
while($row = mysqli_fetch_array($result)){
//link naar pagina filmdetails
echo "<a class='link-verwijzing' href='filmdetails.php?film_id=$row[film_id]'>";
echo "<div class='link'><p>$row[titel]</p></div>";
echo "</a>";
//echo "</br>";
}
echo "</div>";
echo "</div>";
echo "</div>";
?>
</body>
</html>