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