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