123456/ajax/bestellen.php
<!DOCTYPE HTML>
<html>
<head>
<script src="js/ajax.js"></script>
<script>
function bestel(boeknr, prijs){
ajax('includes/winkelwagen.php?klantid=1&add_boeknr=' + boeknr + '&prijs=' + prijs, 'winkelwagen')
}
function toonBoek(){
var boekenlijst = document.getElementById("boeken")
var boeknr = boekenlijst.options[boekenlijst.selectedIndex].value;
ajax('includes/boekinfo.php?boeknr=' + boeknr ,'boekinfo')
}
function setAuteur(){
var auteurslijst = document.getElementById("auteurs")
var auteurnr = auteurslijst.options[auteurslijst.selectedIndex].value
ajax('includes/boeken.php?auteurnr=' + auteurnr, 'boekenlijst')
document.getElementById("boekinfo").innerHTML ="";
}
function init(){
document.getElementById('auteurs').onchange = setAuteur;
}
window.onload = init;
</script>
<title>Ajax - bestellen</title>
<link href="css/ajax.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id='container'>
<div id='right'>
<div id='winkelwagen'>
<?php include('includes/winkelwagen.php'); ?>
</div>
<div id='ajax'>
<h3 align="center">A.J.A.X.</h3>
<p align="right"><input type="checkbox" id='alertRespons'>Alert antwoord</p>
<div id='ajaxtext'></div>
</div>
</div>
<h2>Boeken bestellen</h2>
<?php
include('includes/db.php');
$query = "select auteurnr, voornaam, tussenvoegsel, achternaam
from auteurs order by achternaam";
$result = mysqli_query($db_link, $query) or die(mysqli_error($db_link));
echo "<p>";
echo "<span class='label'>Auteurs :</span>";
echo "<span class='info'>";
echo "<select name='auteurs' id='auteurs'>";
echo "<option value=''></option>";
while($row = mysqli_fetch_array($result)){//auteurs langs
echo "<option value='$row[auteurnr]'>$row[achternaam], $row[voornaam] $row[tussenvoegsel]</option>";
}
echo "</select></span>";
echo "</p>";
?>
<p><span class='label'>Kies een boek :</span><span id='boekenlijst' class='info'>
<?php
include('includes/boeken.php');
?>
</span></p>
<p id='boekinfo'><?php
include('includes/boekinfo.php');
?>
</p>
</div>
</body>
</html>
Resultaat
Made by Thijs Aarnoudse