html öğelerinin durumunu kaydetme sayfa yenileme

Question

Bir sayfada bazı sürülebilir ve yeniden boyutlandırılabilir DIV'ler var. Bu DIV'lerin durumunu kaydetmek istiyorum, böylece sayfa yenilendiğinde, DIV'ler tam olarak yenilemeden önceki gibi görünür.

Bunu yaparken Facebook sohbeti gibi şeyler fark ediyorum. Sayfayı yenilediğinizde açık bir sohbet penceresi açık kalacaktır. Bunun nasıl uygulandığını bilen var mı? Birisi bana benzer bir şey yapmama konusunda tavsiyede bulunabilir mi?

Answer 1

Eğer Facebook'un yaptığı gibi yapmak isterseniz, facebook'un belirli aralıklarla başka bir sayfanıza AJAX istekleri göndermeniz gerekecektir, her mesaj gönderdiğinizde. Bu sayfa AJAX isteğini ayrıştırır ve veritabanında günceller. Sayfayı yenilediğinizde, sohbetde neyin görüntüleneceğini görmek için veritabanı çağrılır.

Çerez kullanma ile ilgili sorun boyut sınırlamasıdır (Facebook veritabanını kullanarak sohbet günlerini saklayabilir).

Ayrıca, istemcinin çerezleri devre dışı bırakılmış olması nedeniyle endişelenmenize gerek yoktur, çünkü tüm bilgiler sunucuda saklanır.

Answer 2

Mmm, basit, ama mümkün değil. Bu 'durumu' bir çerezde saklamalı ve ardından bu çerezi sayfa odağında (veya yüklemede) almalısınız. çerezleri yalnızca dizeleri itiraf gibi

, sen

var str = JSON.stringify(obj); 

kullanarak dizeleri javascript nesneleri dönüştürebilir ve (JSON fonksiyonları modern tarayıcılarda desteklenir) geri dönüştürmek

var obj = JSON.parse(str); 

kullanmak.

Bu şekilde, bir javascript nesnesini kaydedebilir/alabilirsiniz, ihtiyacınız olan her şeye (istediğiniz durumda) bazı koordinatları, konumları, boyutları saklayabilirsiniz.

Bu yardımcı olur umarım. Şerefe

Answer 3

Sadece sunucu tarafındaki verileri kaydeden bir AJAX sistemi kullanarak bitti. Daha sonra sayfa yeniden yüklendiğinde, uygun görüntüyü oluşturmak için kaydedilen oturum verilerini kullanır.