Sözde Sürekli Kaydırma

4 Cevap php

Ben, vb sayfa 3, sayfa 2, sayfa 1 "200-299", "100-199" "0-99" sonuçları yüklemek için birden fazla "sayfalar" sonuçları olmadan çok sayıda görüntülemek istiyorum

Böylece benim fikrim pseudo-sürekli kaydırılabilir veri listesinin bir tür yaratmak için olduğunu. Yani aslında, verileri gerekli olarak yüklenir ama kaydırılan sadece olacaktır. Veri kutusu (- belki de sadece oklarla Ben bu noktada bunu nasıl emin değilim) scrollbar mantıklı bir tür olması gerekir olurdu olurdu. Veri büyük miktarda yüklenir Ayrıca eğer, o zaman ben bir tarayıcı öldürmek için değil çok eski veri belleğinden silinmesi gerekiyor olacağını düşünün. Nasıl bir istemci tarafında ve php üzerine jquery (veya herhangi bir javascript) kullanarak bir web arayüzü içinde tüm bu yapardın

4 Cevap

Ben Nadel kendi blogunda oldukça benzer bir şey yaptı (kuşkusuz CF değil, PHP, ancak sunucu tarafı kod gerçekten kısa) JQuery kullanarak.

http://www.bennadel.com/blog/1803-Creating-A-Bidirectional-Infinite-Scroll-Page-With-jQuery-And-ColdFusion.htm

Ben'in uygulanması ile ilgili güzel bir şey, o sonsuz DOM sorun haline çalıştırmak yok, yani ... geçmiş kaydırma şeyler temizler olmasıdır.

de muhtemelen bunu içine olsun ama temelde böyle bir şey olduğunda oldukça karmaşık olsun ... olacak:

// PSEUDO CODE
$(document).ready(function(){
  $('#datascroller').scroll(function(){
      var tbl = $('table', this);
      var $this = $(this);
      if($('td:last', tbl).scrollTop() == tbl.height()*-1)
      {
         //clear current data and display loading animation
         tbl.fadeOut('fast', function(){
            $(this).replaceWith(loadingAnimationElement.hide());
            loadingAnimationElement.fadeIn('fast');
            $.get('/phpscript.php', {page: 2}, function(results){
               var $data = $(results).hide();
               loadingAnimationElement.fadeOut('fast', function(){
                  $(this).replaceWith($data);
                  $data.fadeIn('fast');
               })
            });
         });
      }
  });
});

Sen gibi bir şey demek SortFolio? Sen tıpkı diğer gibi jQuery ile scroll event bağlayabilirsiniz. Daha sonra xml bir dizi bakıyor olurduk veri getirmek için istekleri olsun, ve kaydırma yukarı veya aşağı indi eğer bağlı olarak, listeye eklemek veya Önlerine ya.

jQuery Tools has a demo of their Scrollable widget bu tür size tarif ettiğin gibi geliyor.

etiketler