<!DOCTYPE html><head>
<meta charset="utf-8">
<style>
a{
text-decoration:none;
color: white;
}
table{
font-family:Arial;
font-weight:bold;
color:white;
text-decoration:none;
}
</style>
<script>
window.onload(){
var vandaag = new Date();
function setCookie(naam,waarde,dagen){
var verval = "";
if(dagen){
var vervalDatum = new Date(vandaag.getTime()+dagen*24*60*60*1000);
verval = vervalDatum.toUTCString();
}
function getCookie(naam){
var zoek = naam + "=";
if (document.cookie.length>0){
var begin = document.cookie.indexOf(zoek);
if (begin!=-1){
begin += zoek.length;
var einde = document.cookie.indexOf(";", begin);
if (einde==-1){
einde = document.cookie.length;
}
return document.cookie.substring(begin, einde);
}
}
}
document.cookie = naam + "=" + waarde + ";expires=" + verval;
var a=(getCookie('taal'));
if(a=engels){
document.getElementById('eng');
setCookie('taal',engels,1000);
window.location.href="engels.html";
}
if (a=frans){
document.getElementById('fr');
setCookie('taal',frans,1000);
window.location.href="frans.html";
}
if (a=nederlands){
document.getElementById('nl');
setCookie('taal',nederlands,1000);
window.location.href="nederlands.html";
}
}
</script>
<title>JanPage</title>
<body>
<p>De keuzepagina:</p>
<nav><font weight="bold" face="arial"></font>
<footer class="footer1"><font weight="bold" face="arial"> <font face="arial"><font
weight="bold" face="arial">
<table style="width: 1960px; height: 32px; background-color: blue; color: white;">
<tbody>
<tr>
<td style="width: 50px; background-color: blue;" width="50"><font face="arial" ><a id="fr" href="frans.html"></font>Français</font></a></td>
<td width="50"><a id="nl" href="nederlands.html" target="_top">Nederlands</a></td>
<td width="50"><a id="eng" href="engels.html">English</a><br>
</td></font>
</tr>
</tbody>
</table>
</font>
<h1><em>Welkom, Bienvenue, Welcome,</em></h1>
Kies uw taal:
<form>
<button type="submit" value="submit" onclick="myFunction()" id="ok">Vernietig Cookie</button>
</footer>
</main>
<script>
// getCookie *** www.w3schools.com/js/js_cookies.asp
function getCookie (cname) {
let name = cname + "=";
let decodedCookie = decodeURIComponent(document.cookie);
let ca = decodedCookie.split(';');
for(let i = 0; i <ca.length; i++) {
let c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1);
if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
}
return "";
}
// setCookie *** www.w3schools.com/js/js_cookies.asp
function setCookie (cname, cvalue, exdays) {
const d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
let expires = "expires="+ d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
// zoekTaalCode : is er een cookie? verander dan de taalkeuze
function zoekTaalCode () {
let taalcode = 'nl';
let cookietaal = getCookie('taal');
if (cookietaal != '') taalcode = cookietaal;
return taalcode;
}
// gaNaarPagina. Ga naar pagina afhankelijk van taalcode
function gaNaarPagina (taalcode) {
let paginaUrl = "taalkeuze2.html";
switch (taalcode) {
case "eng":
paginaUrl = "engels.html";
break;
case "fr":
paginaUrl = "frans.html";
break;
case "nl":
paginaUrl ="nederlans.html";
default:
paginaUrl = "taalkeuze2.html";
}
alert ("U wordt nu omgeleid naar pagina " + paginaUrl);
window.location.href = paginaUrl;
}
// *** Hoofdprogramma ***
var taalcode = zoekTaalCode();
gaNaarPagina (taalcode);
var a=(getCookie('taal'));
if(a=engels){
document.getElementById('eng');
let taalcode="eng";
}
if (a=frans){
document.getElementById('fr');
let taalcode="fr";
}
if (a=nederlands){
document.getElementById('nl');
let taalcode="nl";
}
function myFunction(){
setCookie(taal,"",-1);
}
taalselect.addEventListener("change", function() {
let taalcode = taalselect.value;
console.log ("Gekozen taalcode is " + taalcode);
setCookie('taal', taalcode, 180);
gaNaarPagina (taalcode);
});
</script>
</body>
</html>