123456/V5 PO PHP/Sacha en Mats/streamingsdiensten.php
<?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>Streamingsdiensten</title>
<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_dienst.php?input=' + zoek ,'resultaat')
}
</script>
</head>
<body>
<?php
include('menubalk.php'); //Menubalk wordt opgenomen in bestand
echo "<div id='container'>";
//Zoekbalk opgenomen in bestand
include('zoeken.php');
//Query voor het ophalen van alle streamingsdiensten in de database
$query = "select *
from streamingsdienst
order by dienstnaam";
//resultaat opslaan in variabele
$result = mysqli_query($db, $query) or die(mysqli_error($db));
echo "<div id='resultaat'>";
//Ophalen uit het resultaat en resultaat laten zien
while($row = mysqli_fetch_array($result)){
//link naar pagina streamingsdienstdetails
echo "<a class='link-verwijzing' href='streamingsdienstdetails.php?dienst_id=$row[dienst_id]'>";
echo "<div class='link'>$row[dienstnaam]</div>";
echo "</a>";
echo "</br>";
}
echo "</div>";
//Afbeelding
echo "<div class='afbeelding_dienst'>";
echo "<img src='afbeeldingen/Streamingsdiensten.jpeg'>";
echo "</div>";
echo "</div>";
?>
</div>
</body>
</html>