[Yardim Talebi] Javascript fonksiyonunu sayfa yenileyerek aktif etme

[Novruz]

Bir website tasarımı kodluyorum ve sitemde dil değiştirme bölümü var, istedeğim ise onclick ile aktif olunan javascript fonksiyonu sayfa yenilendikten sonra da aktif olması. Kodlar;
HTML

Kod: Tümünü Seç Tümünü Kopyala

<p>
<span class='trans'>Log in</span>
</p>

<p class="langselect">
<a href="" class="lang" onclick='translateTo("AZ"); under1(); return false;'>AZ</a>
<a href="" class="lang" onclick='translateTo("EN"); under2(); return false;'>EN</a>
<a href="" class="lang" onclick='translateTo("RU"); under3(); return false;'>RU</a>
</p>

CSS

Kod: Tümünü Seç Tümünü Kopyala

.langselect a{
text-decoration:none;
}

.langselect a:nth-child(2){
text-decoration:underline;
}

JavaScript

PHP Kod: Tümünü Seç Tümünü Kopyala

var voc = [
            {
              "AZ":"Log in2",
              "EN":"Log in",
              "RU":"Log in3"
            }
          ];


function translate(ele,lng){
 for(var i=0;i<voc.length;i++){
  for(var k in voc[i]){
   if(voc[i][k] == ele.innerText.trim()){
    ele.innerText = voc[i][lng];
    break;
   }
  }
 }
}
function translateTo(lng){
var trc = document.getElementsByClassName("trans");
for(var i=0;i<trc.length;i++){
translate(trc[i],lng);
}
}
//add this function to any event button.click,select.change or on load
//translateTo("AR");

function under1(){
  document.getElementsByClassName("lang")[0].style = "text-decoration:underline;";
  document.getElementsByClassName("lang")[1].style = "text-decoration:none";
  document.getElementsByClassName("lang")[2].style = "text-decoration:none";
}

function under2(){
  document.getElementsByClassName("lang")[0].style = "text-decoration:none;";
  document.getElementsByClassName("lang")[1].style = "text-decoration:underline";
  document.getElementsByClassName("lang")[2].style = "text-decoration:none";
}

function under3(){
  document.getElementsByClassName("lang")[0].style = "text-decoration:none;";
  document.getElementsByClassName("lang")[1].style = "text-decoration:none";
  document.getElementsByClassName("lang")[2].style = "text-decoration:underline";
} 


Canlı demo(Codepen)
https://codepen.io/novruzrhmv/pen/zJXaQJ


@atakaj @mehmetext @Majestik @Gokss

[Ainsworth]

Seçtiği dili önbelleğe alırsın, site açılırken de küçük bir if sorgusu ile kontrolünü yaparsın.

[Arch]

Kodlama konusunda bilgim olmamakla beraber , çerez kullanımı ile sayfa yenilensede aktif olmasını sağlayabileceğinizi düşünüyorum.

Belki yardımı olur :
http://www.yusufsezer.com.tr/javascript-cerezler/

[Novruz]

Seçtiği dili önbelleğe alırsın, site açılırken de küçük bir if sorgusu ile kontrolünü yaparsın.

Javascript bilgim o kadar da iyi değil, kodlamada müsaitsen yardımcı olur musun? @atakaj

[Ainsworth]

Müsaitim fakat önbellekleme Codepen'de çalışmıyor. Local'de kodlaman gerekiyor.

[Novruz]

Müsaitim fakat önbellekleme Codepen'de çalışmıyor. Local'de kodlaman gerekiyor.

Local için kodlamayı iletirsen yeter, gerektiğinde farklı bir siteye uyarlamak kolay olur herhalde.

[Ainsworth]

https://jsfiddle.net/0py7qzo3

Senin kodlarına bakamadım malesef, vaktim az olduğundan şöyle basit bir şey yaptım. 2 dakika göz geçirerek anlarsın zaten kodların ne anlama geldiğini.

[Novruz]

https://jsfiddle.net/0py7qzo3

Senin kodlarına bakamadım malesef, vaktim az olduğundan şöyle basit bir şey yaptım. 2 dakika göz geçirerek anlarsın zaten kodların ne anlama geldiğini.

Çok teşekkürler, peki pure js ile yani sadece javascript ile yapmanın bir yolu var mıdır bunun?

---

Kodları kendi kodlama uyarlamaya çalıştım fakat fazla fonksiyon ve değişken kullandığım için yapamadım. Müsait bir zamanında bakarsan sevinirim.

[Ainsworth]

https://jsfiddle.net/qymsn812/

Bu pure js ile çalışan versiyonu.

Ek olarak; senin kodlarına uyarlayacağım. Yaptığımda etiketlerim.

[Novruz]

#güncel

[Novruz]

#güncel

[Novruz]

#güncel