l107/PO php/wijzigen.php
<?php
include('menubalk.php'); //Menubalk wordt opgenomen in bestand
include('db.php'); //Verbinding maken met database
?>
<!DOCTYPE html>
<html lang="en">
<head>
<script src="Ajax/ajax.js"></script>
<script>
// window.onload = check
/*function setEvents(){
document.getElementById('toevoegKnop').onclick = latenZien
}
function latenZien(){
//var auteurnr =this.options[this.selectedIndex].value;
//document.location='Ajax/AjaxWijzigen.php';
ajax('Ajax/AjaxWijzigen.php','toevoegen')
}*/
// function check(){
// console.log(document.getElementById('welke').value);
// if(document.getElementById('welke').value == 'Toevoegen'){
// document.getElementById('verdwijndiv1').style.display= 'block';
// document.getElementById('verdwijndiv2').style.display= 'none';
// document.getElementById('verdwijndiv3').style.display= 'none';
// } else if(document.getElementById('welke').value == 'Wijzigen'){
// document.getElementById('verdwijndiv1').style.display= 'none';
// document.getElementById('verdwijndiv2').style.display= 'block';
// document.getElementById('verdwijndiv3').style.display= 'none';
// } else if(document.getElementById('welke').value == 'Verwijderen'){
// document.getElementById('verdwijndiv1').style.display= 'none';
// document.getElementById('verdwijndiv2').style.display= 'none';
// document.getElementById('verdwijndiv3').style.display= 'block';
// } else{
// document.getElementById('verdwijndiv1').style.display= 'none';
// document.getElementById('verdwijndiv2').style.display= 'none';
// document.getElementById('verdwijndiv3').style.display= 'none';
// }
// }
window.onload = setEvents
function setEvents(){
document.getElementById('Tvg').onclick = Change_tvg;
document.getElementById('Wzg').onclick = Change_wzg;
document.getElementById('Vwdr').onclick = Change_vwdr;
document.getElementById('Niks').onclick = Change_Niks;
}
function Change_tvg(){
console.log("yep1");
var welkeIsHet = document.getElementById("Tvg").value;
//document.location='?auteurnr=' + auteurnr;
ajax('Ajax/AjaxWijzigen.php?welke='+ welkeIsHet ,'extraStuff')
}
function Change_wzg(){
console.log("yep2");
var welkeIsHet = document.getElementById("Wzg").value;
//document.location='?auteurnr=' + auteurnr;
ajax('Ajax/AjaxWijzigen.php?welke='+ welkeIsHet ,'extraStuff')
}
function Change_vwdr(){
console.log("yep3");
var welkeIsHet = document.getElementById("Vwdr").value;
//document.location='?auteurnr=' + auteurnr;
ajax('Ajax/AjaxWijzigen.php?welke='+ welkeIsHet ,'extraStuff')
}
function Change_Niks(){
console.log("yep4");
var welkeIsHet = document.getElementById("Niks").value;
//document.location='?auteurnr=' + auteurnr;
ajax('Ajax/AjaxWijzigen.php?welke='+ welkeIsHet ,'extraStuff')
}
</script>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<?php
echo '<h3>Wil je data toevoegen of verwijderen?</h3>';
echo '<input type="submit" id="Tvg" name="Toevoegen" value="Toevoegen" />';
echo '<input type="submit" id="Wzg" name="Wijzigen" value="Wijzigen" />';
echo '<input type="submit" id="Vwdr" name="Verwijderen" value="Verwijderen" />';
echo '<input type="submit" id="Niks" name="Niks" value="Niks" />';
echo '<div id="extraStuff"></div>';
echo '<!-- <div>
<span class="veld"></span>
<select id="welke" onchange="check()">
<option></option>
<option>Toevoegen</option>
<option>Wijzigen</option>
<option>Verwijderen</option>
</select>
</div> -->';
// echo "<div id='toevoegen'></div>";
// echo "<div id='verwijderen'></div>";
echo "<div id='extraStuff'></div>";
echo "<div id='extra_extraStuff'></div>";
?>
</body>
</html>
Resultaat
Made by Thijs Aarnoudse