123456/V5 PO PHP/Sacha en Mats/wijzigen.php
<?php
include('db.php'); //Verbinding maken met database
?>
<!DOCTYPE html>
<html lang="en">
<head>
<script src="Ajax/ajax.js"></script>
<script>
/* dit was de eerste versie van het toevoegen, wijzigen en verwijderen, maar dit werkte niet dus had ik iets anders geprobeert, wat ook niet helemaal goed ging */
// 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
const alleKnoppen = document.getElementsByClassName('knoppen')
const alleDivs = document.getElementsByClassName("gaWeg")
const alleLijst = document.getElementsByClassName("lijst")
var welke = 'toevoegen'
var welkeIsHet
function setEvents(){
//hjjjljkjljlkji
console.log("yeppers")
// document.getElementById("lijst_tvg").onChange = Doorgaan
console.log(alleLijst)
console.log(alleKnoppen)
// alleKnoppen.onClick = Change
for (var j = 0; j < alleDivs.length; j++) {
alleDivs[j].style.display = 'none'
}
for(var i=0;i<alleKnoppen.length;i++){
alleKnoppen[i].onclick = Change;
}
for(var k=0;k<alleLijst.length;k++){
alleLijst[k].onchange = Doorgaan;
}
}
function Change(){
welke = this.id
// console.log(welke)
// console.log("yep1");
if(welke == 'Tvg'){
document.getElementById("extraStuff").innerHTML = ''
document.getElementById("toev").style.display = 'block'
document.getElementById("wijz").style.display = 'none'
document.getElementById("verw").style.display = 'none'
document.getElementById("lijst_wzg").value = ''
document.getElementById("lijst_vwdr").value = ''
} else if(welke == 'Wzg'){
document.getElementById("extraStuff").innerHTML = ''
document.getElementById("toev").style.display = 'none'
document.getElementById("wijz").style.display = 'block'
document.getElementById("verw").style.display = 'none'
document.getElementById("lijst_tvg").value = ''
document.getElementById("lijst_vwdr").value = ''
} else if(welke == 'Vwdr'){
document.getElementById("extraStuff").innerHTML = ''
document.getElementById("toev").style.display = 'none'
document.getElementById("wijz").style.display = 'none'
document.getElementById("verw").style.display = 'block'
document.getElementById("lijst_tvg").value = ''
document.getElementById("lijst_wzg").value = ''
} else{
document.getElementById("extraStuff").innerHTML = ''
document.getElementById("toev").style.display = 'none'
document.getElementById("wijz").style.display = 'none'
document.getElementById("verw").style.display = 'none'
document.getElementById("lijst_tvg").value = ''
document.getElementById("lijst_wzg").value = ''
document.getElementById("lijst_vwdr").value = ''
}
//document.location='?auteurnr=' + auteurnr;
}
function Doorgaan(){
// console.log("yep4");
console.log(welke)
console.log(this.options[this.selectedIndex].value)
welkeIsHet = this.options[this.selectedIndex].value
//document.location='?auteurnr=' + auteurnr;
ajax('Ajax/AjaxWijzigen.php?welke='+ welke +'&welkeIsHet='+ 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
include('menubalk.php'); //Menubalk wordt opgenomen in bestand
?>
<h3>Wil je data toevoegen of verwijderen?</h3>
<input type="submit" class='knoppen' id="Tvg" name="Toevoegen" value="Toevoegen" />
<input type="submit" class='knoppen' id="Wzg" name="Wijzigen" value="Wijzigen" />
<input type="submit" class='knoppen' id="Vwdr" name="Verwijderen" value="Verwijderen" />
<input type="submit" class='knoppen' id="Niks" name="Niks" value="Niks" />
<!-- <div>
<span class="veld"></span>
<select id="welke" onchange="check()">
<option></option>
<option>Toevoegen</option>
<option>Wijzigen</option>
<option>Verwijderen</option>
</select>
</div> -->
<div class='gaWeg' id='toev'><span>waar wil je toevoegen? : </span>
<select class='lijst' id="lijst_tvg">
<option value=''></option>
<option value='acteurs'>acteurs</option>
<option value='films'>films</option>
<option value='streamingsdienst'>streamingsdienst</option>
<option value='rollen'>rollen</option>
<option value='componisten'>componisten</option>
<option value='regisseurs'>regisseurs</option>
</select>
</div>
<div class='gaWeg' id='wijz'><span>waar wil je wijzigen? : </span>
<select class='lijst' id="lijst_wzg">
<option value=''></option>
<option value='acteurs'>acteurs</option>
<option value='films'>films</option>
<option value='streamingsdienst'>streamingsdienst</option>
<option value='rollen'>rollen</option>
<option value='componisten'>componisten</option>
<option value='regisseurs'>regisseurs</option>
</select>
</div>
<div class='gaWeg' id='verw'><span>waar wil je verwijderen? : </span>
<select class='lijst' id="lijst_vwdr">
<option value=''></option>
<option value='acteurs'>acteurs</option>
<option value='films'>films</option>
<option value='streamingsdienst'>streamingsdienst</option>
<option value='rollen'>rollen</option>
<option value='componisten'>componisten</option>
<option value='regisseurs'>regisseurs</option>
</select>
</div>
<div id='extraStuff'></div>
</body>
</html>
Resultaat
Made by Thijs Aarnoudse