[cookies][javascript] 2 wersje językowe na blogu, BLOGGER Opcje

[marian2299]

Cześć,
mam problem z blogiem, który pomagam założyć znajomemu. Chcemy, żeby był po angielsku i po polsku. Blogger niestety nie ma takiej funkcji, ale znalazłem pomoc w postaci skryptu (http://polytimenerd.blogspot.fr/2012/06/multilanguage-posts-in-your-blog.html)

Mój kod obecnie wygląda tak:

[HTML] pobierz, plaintext 
<script language="Javascript">
function getElementsByClass(searchClass,node,tag) {
        var classElements = new Array();
        if ( node == null )
                node = document;
        if ( tag == null )
                tag = '*';
        var els = node.getElementsByTagName(tag);
        var elsLen = els.length;
        var pattern = new RegExp('(^|\\\\s)'+searchClass+'(\\\\s|$)');
        for (i = 0, j = 0; i < elsLen; i++) {
                if ( pattern.test(els[i].className) ) {
                        classElements[j] = els[i];
                        j++;
                }
        }
        return classElements;
}
 
function show_en() {
        var pl = getElementsByClass('lang:polish', null, null);
        var en = getElementsByClass('lang:english', null, null);
 
        for(i = 0; i < pl.length; i++) {
                pl[i].style.display = 'none';
        }
 
        for(i = 0; i < en.length; i++) {
               en[i].style.display = 'block';
        }
}
 
function show_pl() {
        var pl = getElementsByClass('lang:polish', null, null);
        var en = getElementsByClass('lang:english', null, null);
 
        for(i = 0; i < pl.length; i++) {
                pl[i].style.display = 'block';
        }
 
        for(i = 0; i < en.length; i++) {
               en[i].style.display = 'none';
        }
}
 
 
 
</script>
 
 
<a href="#" onclick="show_en();"><img src="PATH-flagawielkiejprytanii.jpg" style="width: 65px; height: 48px;" /></a>
<a href="#" onclick="show_pl();"><img src="PATH-polskaflaga.jpg" style="width: 65px; height: 48px;" /></a>
[HTML] pobierz, plaintext 

Dzięki temu, każdy <div class="lang:polish"> </div> i <div class="lang:english"> </div> pokazują się tylko po kliknięciu flagę.

Kategorie działają ładnie, zmieniają się, kiedy się w nie kliknie, ale problemem są 2 rzeczy:

1. Jak sprawić, żeby nie trzeba było klikać przy każdym odświeżeniu strony w angielską flagę?
2. Jak sprawić, żeby po kliknięciu w angielską flagę automatycznie PRZEKIEROWAŁO MNIE POD JAKIŚ ADRES I ZAŁADOWAŁO angielską wersję?
(chodzi o to, że posty angielskie mają konkretną flagę na bloggerze i chciałbym żeby można było podstawić link /search/Label:Englsish i jednocześnie, zeby cała strona się zmieniała na angielski)

Wiem, że należałoby ustawić setcookie, ale nie mam pojęcia, jak i byłbym bardzo wdzięczny za jakąkolwiek pomoc.
Marcin

[Comandeer]

Jeśli to działa tylko po stronie JS, to zamiast ciasteczek wystarczy pobawić się z localStorage. Wówczas zapis języka mógłby wyglądać tak:

Kod

localStorage.setItem('lang', 'en');

a odczyt tak:

Kod

var lang = localStorage.getItem('lang');

A przekierowanie to po prostu ustawienie location.href na odpowiedni adres.

[marian2299]

Dziękuję za odpowiedź!
Ale ten odczyt ma być onclick na fladze?
jestem zielony w JS, nigdy sie nie zglebilem w tym tak jak w PHP i MySQL.

[Comandeer]

Dostawiłbym coś takiego na końcu tego script:

Kod

if(localStorage.getItem('lang') != 'en')
    show_pl();
else
    show_en();

Co na starcie powinno załadować dobry język.

Natomiast do show_pl i show_en trza by dodać na końcu linijki ustawiające odpowiedni język

Kod

localStorage.setItem('lang', 'en czy tam pl');

i powinno w miarę działać.

[marian2299]

DZIĘKUJĘ ! ! ! !

Mam jeszcze jedno pytanie,
jak podlinkować te flagi? Gdy daję coś takiego:
<a href="http://*.blogspot.com/search/?q=label:english" onclick="show_en();">

to elementy niżej (jak "o mnie") zmieniają się na angielski ale tylko na sekundę i na tej załadowanej stronie już znowu jest po polsku. Podczas gdy np. menu głowne u góry się nie zmienia. To wina bloggera czy moja?

[Comandeer]

Hmm… A

Kod

<a href="http://*.blogspot.com/search/?q=label:english" onclick="show_en();return false;">

?