Adding Languages in blogger with cookies
To add the languages to your post, you follow the instructions in this link:http://polytimenerd.blogspot.be/2012/06/multilanguage-posts-in-your-blog.html
It was very helpful setting up the languages but the language was never saved as a default. I used English, Dutch and French but of course you can use your own preferences. Whenever you refresh the page, it goes back to the default. By the suggestion Allesandro made in his blog, I was able to solve this problem by adding following code in the same place where you added the "show_en()" function etc:
<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>
After we did this we have to make a cookie and change it whenever someone clicks the language button. This is done by adding following code to the show language functions. Every show function should look like this: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 our posts we should make a call to the checkCookie() function. insert following code at the end of every post in HTML-mode or in a HTML-Header of your blog:<body onload="checkCookie()">
Talen in blogger met Cookies
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()">
Des langues en Blogger avec des cookies
Pour ajouter des langues dans votre blog, vous pouvez suivre les instructions sur le blog de Alessandro.http://polytimenerd.blogspot.be/2012/06/multilanguage-posts-in-your-blog.html
Comme ça c’est possible d’ajouter des langues mais la langue “default” restait la même. J’ai utilisé l’anglais, le néerlandais en le français sur mon blog mais c’est possible d’utiliser vos préférences. Si tu renouvèles la page, il retourne à sa valeur “default”. Par ajouter le code recommandé par Alessandro, c’est possible d’insérer des cookies. Ce code doit être placé au même place que les fonctions “show_fr()”
<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>
Après nous devrons ajouter les cookies quand quelqu’un puisse le bouton des langues. Les fonctions de langues doivent regarder comme la code ici :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);
}
Nous devrons utiliser la fonction ‘checkCookie()” pour exécuter la bonne langue. C’est aussi possible par ajouter le code dans le titre HTML du blog.<body onload="checkCookie()">
Geen opmerkingen:
Een reactie posten