123456/V5 PO PHP/Sacha en Mats/ToevoegenPagina.php
<?php
include('db.php'); //Verbinding maken met database
?>
<!DOCTYPE html>
<html lang="en">
<head>
<script src="Ajax/ajax.js"></script>
<script>
window.onload = Events
var among_us
function Events(){
document.getElementById('acteurs').style.display = 'none';
document.getElementById('films').style.display = 'none';
document.getElementById('streamingsdienst').style.display = 'none';
document.getElementById('rollen').style.display = 'none';
document.getElementById('componisten').style.display = 'none';
document.getElementById('regisseurs').style.display = 'none';
document.getElementById('lijst').onchange = wat;
}
function wat(){
console.log(this.options[this.selectedIndex].value)
minisoda = this.options[this.selectedIndex].value
if(minisoda){
document.getElementById('acteurs').style.display = 'none';
document.getElementById('films').style.display = 'none';
document.getElementById('streamingsdienst').style.display = 'none';
document.getElementById('rollen').style.display = 'none';
document.getElementById('componisten').style.display = 'none';
document.getElementById('regisseurs').style.display = 'none';
document.getElementById(minisoda).style.display = 'inline-block';
} else {
document.getElementById('acteurs').style.display = 'none';
document.getElementById('films').style.display = 'none';
document.getElementById('streamingsdienst').style.display = 'none';
document.getElementById('rollen').style.display = 'none';
document.getElementById('componisten').style.display = 'none';
document.getElementById('regisseurs').style.display = 'none';
}
// if(minisoda ='acteurs'){
// if
// } else if(minisoda ='films'){
// } else if(minisoda ='streamingsdienst'){
// } else if(minisoda ='rollen'){
// } else if(minisoda ='componisten'){
// } else if(minisoda ='regisseurs'){
// }
}
function doorsturen_ig(){
console.log(this)
among_us = this
// 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
?>
<div class='gaWeg' id='toev'><span>waar wil je toevoegen? : </span>
<select class='lijst' id="lijst">
<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='acteurs'>
<div><span class='veld'>voornaam : </span><input type='text' id='naam' value=''></div>
<div><span class='veld'>tussenvoegsel : </span><input type='text' id='naam'></div>
<div><span class='veld'>achternaam : </span><input type='text' id='naam'></div>
<div><span class='veld'>geboorte datum : </span><input type='text' id='naam'></div>
<div><span class='veld'>sterf datum : </span><input type='text' id='naam'></div>
<input id='act' type="submit" name="knop" value="submit knop" onclick=doorsturen_ig()/>
</div>
<div id='films'>
<div><span class='veld'>titel : </span><input type='text' id='naam' value=''></div>
<div><span class='veld'>release datum : </span><input type='text' id='naam' value=''></div>
<div><span class='veld'>speeltijd : </span><input type='text' id='naam' value=''></div>
<div><span class='veld'>leeftijds categorie : </span><input type='text' id='naam' value=''></div>
<div><span class='veld'>genre : </span><input type='text' id='naam' value=''></div>
<input id='film' type="submit" name="knop" value="submit knop" onclick=doorsturen_ig()/>
</div>
<div id='streamingsdienst'>
<div><span class='veld'>dienstnaam : </span><input type='text' id='naam' value=''></div>
<div><span class='veld'>kosten per maand : </span><input type='text' id='naam'></div>
<input id='strm' type="submit" name="knop" value="submit knop" onclick=doorsturen_ig()/>
</div>
<div id='rollen'>
<div><span class='veld'>voornaam van de rol: </span><input type='text' id='naam' value=''></div>
<div><span class='veld'>achternaam van de rol : </span><input type='text' id='naam'></div>
<input id='rol' type="submit" name="knop" value="submit knop" onclick=doorsturen_ig()/>
</div>
<div id='componisten'>
<div><span class='veld'>voornaam : </span><input type='text' id='naam' value=''></div>
<div><span class='veld'>tussenvoegsel : </span><input type='text' id='naam'></div>
<div><span class='veld'>achternaam : </span><input type='text' id='naam'></div>
<div><span class='veld'>geboorte datum : </span><input type='text' id='naam'></div>
<div><span class='veld'>sterf datum : </span><input type='text' id='naam'></div>
<input id='comp' type="submit" name="knop" value="submit knop" onclick=doorsturen_ig()/>
</div>
<div id='regisseurs'>
<div><span class='veld'>voornaam : </span><input type='text' id='naam' value=''></div>
<div><span class='veld'>tussenvoegsel : </span><input type='text' id='naam'></div>
<div><span class='veld'>achternaam : </span><input type='text' id='naam'></div>
<div><span class='veld'>geboorte datum : </span><input type='text' id='naam'></div>
<div><span class='veld'>sterf datum : </span><input type='text' id='naam'></div>
<input id='reg' type="submit" name="knop" value="submit knop" onclick=doorsturen_ig()/>
</div>
<div id='extraStuff'></div>
</body>
</html>
Resultaat
Made by Thijs Aarnoudse