mertjr

mertjr

Başarılı
Katılım
24 Şubat 2024
Mesajlar
381
Beğeniler
205
Selam, HTML CSS JS kullanarak bir internet sitesi yaptım. 2 adet de dil seçeneği butonu var. Nasıl tıkladığımda o dile çevrili halde gösterebilirim? Çeviriyi kendim yapacağım.
 
Tarihe göre sırala Puana göre sırala
Bu yaklaşımın beğenmediğim birçok yanı var fakat ilk aklıma gelen çözümlerden biri oldu, buyurun:



JSFiddle ön izlemesi gelmiş Sosyal'e, vay! Bayağı iyi.

Yoksa başından beri var mıydı?..

Mantık şu şekilde:
  • Metin yazan her yerde aynı metnin alt alta Türkçe ve İngilizce versiyonlarını barındıran elementler bulunuyor, sırasıyla tr ve en sınıflarına sahip. Ben bu iki dilin olacağını varsaydım.
  • Script kısmında şu anki dili tutuyoruz curLang değişkeninde.
  • Dil değiştirme butonu ve bu butona atanmış bir onclick etkinliği var. Butona basıldığı zaman changeLanguage fonksiyonu çağrılıyor ki bu fonksiyon yine script kısmında tanımlı.
  • Fonksiyon şu şekilde çalışıyor: Şu anki dile sahip elementlere hidden sınıfı ekle, diğer dile sahip elementlerden hidden sınıfını kaldır. hidden sınıfı da sadece display: none; özelliğini kapsıyor.
En azından fikir olsun.
 
Artı 0 Eksi
brkdnmz dedi:
Bu yaklaşımın beğenmediğim birçok yanı var fakat ilk aklıma gelen çözümlerden biri oldu, buyurun:



JSFiddle ön izlemesi gelmiş Sosyal'e, vay! Bayağı iyi.

Yoksa başından beri var mıydı?

Mantık şu şekilde:
  • Metin yazan her yerde aynı metnin alt alta Türkçe ve İngilizce versiyonlarını barındıran elementler bulunuyor, sırasıyla tr ve en sınıflarına sahip. Ben bu iki dilin olacağını varsaydım.
  • Script kısmında şu anki dili tutuyoruz curLang değişkeninde.
  • Dil değiştirme butonu ve bu butona atanmış bir onclick etkinliği var. Butona basıldığı zaman changeLanguage fonksiyonu çağrılıyor ki bu fonksiyon yine script kısmında tanımlı.
  • Fonksiyon şu şekilde çalışıyor: Şu anki dile sahip elementlere hidden sınıfı ekle, diğer dile sahip elementlerden hidden sınıfını kaldır. hidden sınıfı da sadece display: none; özelliğini kapsıyor.
En azından fikir olsun.
Genişletmek için tıkla...
Küçültmek için tıkla...


Peki beğendiğiniz yanları daha çok olan çözümler nelerdir? Söyleyebilir misiniz onları da? :)
 
Artı 0 Eksi
mertjr dedi:
Peki beğendiğiniz yanları daha çok olan çözümler nelerdir? Söyleyebilir misiniz onları da? :)
Genişletmek için tıkla...
Küçültmek için tıkla...

Keşke daha iyi çözümler düşünebilsem de onları paylaşsam. : D
Ne düşünebildiysem onu paylaştım. Kötü yanlarını görebilmekle birlikte nasıl iyileştirebileceğimi bilemedim.

React gibi bir kütüphaneyle yapmak rahatıma gelirdi.
 
Artı 0 Eksi

Benzer konular

R
WordPress'e tam içerikli ücretsiz demo site nasıl eklenir?
Mesaj
1
Görüntüleme
167
TecholAI
TecholAI
gustavo
Eğlencesine yapılan site nasıl olmuş?
Mesaj
6
Görüntüleme
241
Göründüğü Gibi Olan
Göründüğü Gibi Olan
mertjr
Web site tasarımları nerede satılır?
Mesaj
1
Görüntüleme
115
6191
6
R
  • Soru Soru
WordPress için hazır site şablonu nereden bulunur?
Mesaj
2
Görüntüleme
90
sbbo
sbbo

Yeni konular

Yeni mesajlar