123456/V5 PO PHP/Chahid en Camiel/project/spelerszoeken.php
<!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" type = "text/css" href = "style.css?t=<?php echo time(); ?>">
<script src='ajax.js'></script> <!-- Includeren van het AJAX-script -->
<script>
window.onload = zoeken; // Zodra de pagina geladen is, roep de functie 'zoeken' aan
function zoeken() {
document.getElementById('zoekbalk').onkeyup = zoekenajax;
}
function zoekenajax() {
var zoeken = document.getElementById('zoekbalk').value; // Haal de waarde uit de zoekbalk
ajax('spelersx.php?zoek='+zoeken, 'zoekendiv'); // Voer AJAX-verzoek uit naar spelersx.php met zoekterm
}
</script>
</head>
<body>
<?php
include('menubalkx.php');
?>
<!-- Zoekbalk voor het invoeren van zoektermen -->
<div>Spelers zoeken : <input type="text" name="zoekbalk" id='zoekbalk' placeholder="Zoeken"></div>
<div id="zoekendiv"><?php
include('db.php');
$query0 = "SELECT * FROM Teams"; // Query om alle teams op te halen
$result0 = mysqli_query($db, $query0) or die(mysqli_error($db));
// Loop door elk team en toon teaminformatie
while ($row0 = mysqli_fetch_array($result0)){
echo"<div></div>";
echo "<h1><a class = 'link' href='teamdetailx.php?teamid=$row0[teamid]'>$row0[naam]</a></h1>"; // Toon teamnaam met link naar teamdetails
echo "<h3 class='groet'>Teamspelers</h3>"; // Kopje voor teamspelers
echo"<h3 class = 'groet' >Teamspelers</h3>";
// Query om spelers van het team op te halen
$query1="SELECT *
FROM Spelers
WHERE teamid = $row0[teamid]";
$result1 = mysqli_query($db, $query1) or die(mysqli_error($db));
// Als er resultaten zijn, toon elke speler met link naar spelerdetails
if($result1){
while($row1 = mysqli_fetch_array($result1)){
// Toon speler met link naar spelerdetails
echo"<div class = 'groet'> <a class = 'link' href='spelerdetailsx.php?spelerid=$row1[spelerid]'>$row1[voornaam] $row1[achternaam]</a> uit $row1[nationaliteit]</div>";
}
}
}
?></div>
</body>
</html>