Kullanıcı İşlemlerini Aç/Kapat

Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Yardim Talebi Javascript fonksiyonunu sayfa yenileyerek aktif etme
*
Emektar
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 9,184
Konu Sayısı: 526
Üyelik Tarihi: 05-06-2013
Rep Puanı: 920
Teşekkürler: 21
14 mesaj içinde 291 teşekkür verildi.

SanalPara (SP): 5,046.21₺
Eşya: (Tüm Eşyaları Göster)
#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:
*
Emektar
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 2,641
Konu Sayısı: 171
Üyelik Tarihi: 09-05-2015
Rep Puanı: 197
Teşekkürler: 1
6 mesaj içinde 919 teşekkür verildi.

SanalPara (SP): 137.47₺
Eşya: (Tüm Eşyaları Göster)
#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
Üye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 148
Konu Sayısı: 15
Üyelik Tarihi: 26-08-2018
Rep Puanı: 10
Teşekkürler: 6
5 mesaj içinde 44 teşekkür verildi.

SanalPara (SP): 36.8₺
#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:
*
Emektar
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 9,184
Konu Sayısı: 526
Üyelik Tarihi: 05-06-2013
Rep Puanı: 920
Teşekkürler: 21
14 mesaj içinde 291 teşekkür verildi.

SanalPara (SP): 5,046.21₺
Eşya: (Tüm Eşyaları Göster)
#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:
*
Emektar
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 2,641
Konu Sayısı: 171
Üyelik Tarihi: 09-05-2015
Rep Puanı: 197
Teşekkürler: 1
6 mesaj içinde 919 teşekkür verildi.

SanalPara (SP): 137.47₺
Eşya: (Tüm Eşyaları Göster)
#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:
*
Emektar
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 9,184
Konu Sayısı: 526
Üyelik Tarihi: 05-06-2013
Rep Puanı: 920
Teşekkürler: 21
14 mesaj içinde 291 teşekkür verildi.

SanalPara (SP): 5,046.21₺
Eşya: (Tüm Eşyaları Göster)
#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:
*
Emektar
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 2,641
Konu Sayısı: 171
Üyelik Tarihi: 09-05-2015
Rep Puanı: 197
Teşekkürler: 1
6 mesaj içinde 919 teşekkür verildi.

SanalPara (SP): 137.47₺
Eşya: (Tüm Eşyaları Göster)
#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:
*
Emektar
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 9,184
Konu Sayısı: 526
Üyelik Tarihi: 05-06-2013
Rep Puanı: 920
Teşekkürler: 21
14 mesaj içinde 291 teşekkür verildi.

SanalPara (SP): 5,046.21₺
Eşya: (Tüm Eşyaları Göster)
#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:
*
Emektar
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 2,641
Konu Sayısı: 171
Üyelik Tarihi: 09-05-2015
Rep Puanı: 197
Teşekkürler: 1
6 mesaj içinde 919 teşekkür verildi.

SanalPara (SP): 137.47₺
Eşya: (Tüm Eşyaları Göster)
#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
*
Emektar
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 9,184
Konu Sayısı: 526
Üyelik Tarihi: 05-06-2013
Rep Puanı: 920
Teşekkürler: 21
14 mesaj içinde 291 teşekkür verildi.

SanalPara (SP): 5,046.21₺
Eşya: (Tüm Eşyaları Göster)
#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:
*
Emektar
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 9,184
Konu Sayısı: 526
Üyelik Tarihi: 05-06-2013
Rep Puanı: 920
Teşekkürler: 21
14 mesaj içinde 291 teşekkür verildi.

SanalPara (SP): 5,046.21₺
Eşya: (Tüm Eşyaları Göster)
#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:
*
Emektar
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 9,184
Konu Sayısı: 526
Üyelik Tarihi: 05-06-2013
Rep Puanı: 920
Teşekkürler: 21
14 mesaj içinde 291 teşekkür verildi.

SanalPara (SP): 5,046.21₺
Eşya: (Tüm Eşyaları Göster)
#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:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi
Tema yapımcısı: Metehan Durmuş
Tüm hakları saklıdır. 10TL.Net sistemi için yazılmıştır.


***


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