Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[Yardim Talebi] Javascript fonksiyonunu sayfa yenileyerek aktif etme
#1
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:
<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:
.langselect a{
text-decoration:none;
}

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

JavaScript
PHP Kod:
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
Ara
Cevapla PGM
Teşekkür verenler:
#2
Seçtiği dili önbelleğe alırsın, site açılırken de küçük bir if sorgusu ile kontrolünü yaparsın.
atakaj
"I am constantly torn between killing myself or everyone around me."

Ara
Cevapla PGM
Teşekkür verenler: mehmetext
#3
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/
-ARCH
Lütfen "Rep Verbutonuna tıklayarak bizi değerlendirin.
Forum Organizatörü
Ara
Cevapla PGM
Teşekkür verenler:
#4
(23-09-2018 Saat: 18:48)atakaj Nickli Kullanıcıdan Alıntı: 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
Ara
Cevapla PGM
Teşekkür verenler:
#5
Müsaitim fakat önbellekleme Codepen'de çalışmıyor. Local'de kodlaman gerekiyor.
atakaj
"I am constantly torn between killing myself or everyone around me."

Ara
Cevapla PGM
Teşekkür verenler:
#6
(23-09-2018 Saat: 19:48)atakaj Nickli Kullanıcıdan Alıntı: 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.
Ara
Cevapla PGM
Teşekkür verenler:
#7
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.
atakaj
"I am constantly torn between killing myself or everyone around me."

Ara
Cevapla PGM
Teşekkür verenler:
#8
(24-09-2018 Saat: 13:00)atakaj Nickli Kullanıcıdan Alıntı: 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.
Ara
Cevapla PGM
Teşekkür verenler:
#9
https://jsfiddle.net/qymsn812/

Bu pure js ile çalışan versiyonu.

Ek olarak; senin kodlarına uyarlayacağım. Yaptığımda etiketlerim.
atakaj
"I am constantly torn between killing myself or everyone around me."

Ara
Cevapla PGM
Teşekkür verenler: Novruz
#10
#güncel
Ara
Cevapla PGM
Teşekkür verenler:
#11
#güncel
Ara
Cevapla PGM
Teşekkür verenler:
#12
#güncel
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping