v2.5.2
Giriş yap

Javascript ile div'lerin sıralamasını değiştirme

r00t
357 defa görüntülendi

Selamlar,
Sitemin anasayfasında aşağıya doğru sıralanan divler mevcut.
Örnek vermek gerekirse;

<div id="tr">
  // Türkiye ile ilgili div kutusu ve içerikleri  
</div>

<div id="fr">
  // Fransa ile ilgili div kutusu ve içerikleri  
</div>

<div id="br">
  // Brezilya ile ilgili div kutusu ve içerikleri  
</div>

<div id="ca">
  // Kanada ile ilgili div kutusu ve içerikleri  
</div>

Site açıldığında, PHP ile kullanıcının IP adresini API ile sorgulatıp, ülke kodunu cookie'ye ekliyorum.
*** Yapmak istediğim şey aslında şu; siteye giren ziyaretçinin ülke kodu her ne ise, onun ülkesiyle eşleşen div en başta olsun. Örneğin, Fransa'dan giren bir kullanıcı, ilk başta Türkiye div'ini görmek yerine, Fransa Div'ini en üste taşıyayayım, sıralama buna göre şekillensin istiyorum.

Bunu çeşitli cachelerden dolayı backend'te yapamam sanırım. Dolayısı ile her bir ziyaretçi için frontend tarafında bu ayrımı cookie kontrolüyle yapmalıyım galiba.
Aklıma farklı bir yöntem gelmedi. Varsa öneriniz, dinlerim.
Ama mevcut aklıma gelen yöntemde dedğim gibi, benim belirttiğim div id'si ile cookie ile eşleşen div'i, en üste taşıyayım. Nasıl yapabilirim?

erkanagri
371 gün önce

@aspava Sayfayı görüntüleyen cihazın mobil veya desktop olduğunu useragent içeriğinden saptanabiliyor. Buna göre çalışan javascript kodları mevcut.
https://codepen.io/erkanagri/pen/zYepOQy

İlk sayfa görüntüleme / yenileme sırasında yukarıdaki kodlar sana bilgi verecektir. Koşul bloğunu kendine göre uyarlayabilirsin.