<?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>Acteurs</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_act 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_act, de waarde van de variabele zoek wordt meegegeven
ajax('Ajax/AjaxZoeken_act.php?input_act=' + zoek ,'resultaat')
}
</script>
<body>
<?php
include('menubalk.php'); //Menubalk wordt opgenomen in bestand
//Query voor het ophalen van alle acteurs in de database
$query = "select *
from acteurs
order by act_achternaam";
//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 acteurdetails
echo "<a class='link-verwijzing' href='acteurdetails.php?acteur_id=$row[acteur_id]'>";
echo "<div class='link'>$row[act_voornaam] $row[act_tussenvoegsel] $row[act_achternaam]</div>";
echo "</a>";
}
echo "</div>";
echo "</div>";
echo "</div>";
?>
</body>
</html>