Om verschillende talen in jouw blog in te stellen gebruik je de instructies in volgende blog:
http://polytimenerd.blogspot.be/2012/06/multilanguage-posts-in-your-blog.html
Hierdoor was het mogelijk om de talen in te stellen maar de “default” taal werd nooit onthouden. Ik heb gebruik gemaakt van Engels, Nederlands en Frans maar je kan natuurlijk je eigen voorkeur gebruiken. Als je de pagina vernieuwd gaat deze terug naar zijn “default” waarde. Door een code toe te voegen die Alessandro suggereerde in zijn blog was het mogelijk de talen in te stellen. Ik heb het probleem opgelost door volgende code te plaatsen op de plaats waar zich “show_nl()” functies etc zich bevinden:
<script language="Javascript">
function setCookie(cname,cvalue,exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires=" + d.toGMTString();
document.cookie = cname+"="+cvalue+"; "+expires+" ;path=/";
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
function checkCookie() {
var user=getCookie("language");
if (user == "french") {
show_fr();
} else {
if (user == "dutch") {
show_nl();
}
else {
show_en();
}
}
}
</script>
Na deze actie moeten we de cookies ook nog toevoegen wanneer iemand op de talenknop duwt. Dit kan je doen door elke taal functie er als volgt te laten uitzien:
function show_en() {
var nl = getElementsByClass('lang:dutch', null, null);
var fr = getElementsByClass('lang:french', null, null);
var en = getElementsByClass('lang:english', null, null);
for(i = 0; i < nl.length; i++) {
nl[i].style.display = 'none';
}
for(i = 0; i < fr.length; i++) {
fr[i].style.display = 'none';
}
for(i = 0; i < en.length; i++) {
en[i].style.display = 'block';
}
setCookie("language", "english",30);
}
In onze posts moeten we gebruik maken van de “checkCookie()” functie om de juiste taal op te roepen. Dit kan ook in een HTML header van de blog met volgende code:
<body onload="checkCookie()">