MyBB 1.8.17 Login Sorunu Çözümü

Bu hafta mutluluğun adı Excessum! 22 Ekim Pazartesi gününe kadar Excessum Teması %30 indirimde. Bu Fırsatı Kaçırma!

Sinema Ovası - 40 TL Çekilişi Katılmak İçin Tıkla.
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
Ücretli grafik - tasarım işleri yapılır.
İletişim için sosyal medya hesaplarımdan ulaşa veya Ö.M ata bilirsiniz.
WWW
Cevapla }
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."




Cevapla }
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/
Cevapla }
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
Ücretli grafik - tasarım işleri yapılır.
İletişim için sosyal medya hesaplarımdan ulaşa veya Ö.M ata bilirsiniz.
WWW
Cevapla }
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."




Cevapla }
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.
Ücretli grafik - tasarım işleri yapılır.
İletişim için sosyal medya hesaplarımdan ulaşa veya Ö.M ata bilirsiniz.
WWW
Cevapla }
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."




Cevapla }
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.
Ücretli grafik - tasarım işleri yapılır.
İletişim için sosyal medya hesaplarımdan ulaşa veya Ö.M ata bilirsiniz.
WWW
Cevapla }
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."




Cevapla }
Teşekkür verenler: Novruz
#10
#güncel
Ücretli grafik - tasarım işleri yapılır.
İletişim için sosyal medya hesaplarımdan ulaşa veya Ö.M ata bilirsiniz.
WWW
Cevapla }
Teşekkür verenler:
#11
#güncel
Ücretli grafik - tasarım işleri yapılır.
İletişim için sosyal medya hesaplarımdan ulaşa veya Ö.M ata bilirsiniz.
WWW
Cevapla }
Teşekkür verenler:
#12
#güncel
Ücretli grafik - tasarım işleri yapılır.
İletişim için sosyal medya hesaplarımdan ulaşa veya Ö.M ata bilirsiniz.
WWW
Cevapla }
Teşekkür verenler:

Şu anda bu konuyu okuyanlar: 1 Ziyaretçi

Hızlı Menü:

  • Gece
  • Normal


  • ***


    Reliable Magento web hosting on https://certahosting.co.uk page. Click to see prices!