Javascript ile div'lerin sıralamasını değiştirme
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?