• 26-10-2015, 12:17:01
    #1
    Selam arkadaşlar,

    Sitemdeki yorumlarda sayfalama var sevdiğim yönü sayfa yenilenmenden diğer sayfalara bakabiliyoruz, fakat sayfa butonları toparlanmıyor.
    Yani < 1.2.3.4.5....90 > gibi değil, tüm sayfaların butonları mevcut.
    Aşşağıdaki capsteki gibi


    Benim istediğim şu şekilde olması:


    Yardım edecek arkadaşlar ulaşırsa sevinirim ...

     <script>
    
            $(window).load(function(){
    
                // toplam li sayısı
                var toplamLi = $(".commentses tr").size();
    
                // sayfa veri sayısı
                var veriSayisi = 25;
    
                // Sayfalamayı uygula
                $(".commentses tr:gt(" + (veriSayisi - 1) + ")").hide();
    
                // sayfa sayısı bulalım
                var sayfaSayisi = Math.round(toplamLi / veriSayisi);
    
                // sayıyı yuvarlayalım
                // Sayfa linklerini ekleyelim
                for (var i = 1; i <= sayfaSayisi; i++)
                {
                      $(".pagenation").append('<a href="javascript:void(0)">' + i + '</a>');
                }
    
                // İlk sayfaya aktif classı ekle
                $(".pagenation a:first").addClass("active");
    
                // Sayfalama içindeki a'lardan birine tıklandığında
                $(".pagenation a").live("click", function(){
                   // indis değerini al (1 fazlası şeklinde)
                   var indis = $(this).index() + 1;
                   // toplam gözüken veri sayısını bul
                   var gt = veriSayisi * indis;
                   // aktif class işlemleri
                   $(".pagenation a").removeClass("active");
                   $(this).addClass("active");
                   // listedeki tüm lileri gizle
                   $(".commentses tr").hide();
                   // for ile toplam gözüken veri sayısı - veriSayisi işlemi yap ve veriSayisi kadarını göster
                   for (i = gt - veriSayisi; i < gt; i++)
                   {
                      $(".commentses tr:eq(" + i + ")").show();
                   }
                });
            })
    
            </script>
  • 26-10-2015, 15:04:32
    #2
    merhaba,
    istediğinizin yapılabilmesi için hangi sayfada olunduğunun bilinmesi gerekiyor. Yol göstermesi açısından append olan satırınıza bir koşul koyulabilir. toplam verilerden bir maxmin hesaplayarak
    if(i>minimum && i<sayfaSayisi-minimum) gibi bir koşul içinde append ederseniz;
    ......... 6 7 8 9 ........
    minimumdan küçükler ve (sayfasayısı-minimum)'dan büyükler gözükmeyecektir.

    bu minimum değerini el ile tanımlayabilirsiniz ya da en başta belirttiğim gibi hangi sayfada olduğu çekilerek ona göre de belirlenebilir.böylelikle kodlardaki ;
    // İlk sayfaya aktif classı ekle
    $(".pagenation a:first").addClass("active");
    yerine aktif sayfa active edilebilir.

    kolaylıklar.


    infoakademi adlı üyeden alıntı: mesajı görüntüle
    Selam arkadaşlar,

    Sitemdeki yorumlarda sayfalama var sevdiğim yönü sayfa yenilenmenden diğer sayfalara bakabiliyoruz, fakat sayfa butonları toparlanmıyor.
    Yani < 1.2.3.4.5....90 > gibi değil, tüm sayfaların butonları mevcut.
    Aşşağıdaki capsteki gibi


    Benim istediğim şu şekilde olması:


    Yardım edecek arkadaşlar ulaşırsa sevinirim ...

     <script>
    
            $(window).load(function(){
    
                // toplam li sayısı
                var toplamLi = $(".commentses tr").size();
    
                // sayfa veri sayısı
                var veriSayisi = 25;
    
                // Sayfalamayı uygula
                $(".commentses tr:gt(" + (veriSayisi - 1) + ")").hide();
    
                // sayfa sayısı bulalım
                var sayfaSayisi = Math.round(toplamLi / veriSayisi);
    
                // sayıyı yuvarlayalım
                // Sayfa linklerini ekleyelim
                for (var i = 1; i <= sayfaSayisi; i++)
                {
                      $(".pagenation").append('<a href="javascript:void(0)">' + i + '</a>');
                }
    
                // İlk sayfaya aktif classı ekle
                $(".pagenation a:first").addClass("active");
    
                // Sayfalama içindeki a'lardan birine tıklandığında
                $(".pagenation a").live("click", function(){
                   // indis değerini al (1 fazlası şeklinde)
                   var indis = $(this).index() + 1;
                   // toplam gözüken veri sayısını bul
                   var gt = veriSayisi * indis;
                   // aktif class işlemleri
                   $(".pagenation a").removeClass("active");
                   $(this).addClass("active");
                   // listedeki tüm lileri gizle
                   $(".commentses tr").hide();
                   // for ile toplam gözüken veri sayısı - veriSayisi işlemi yap ve veriSayisi kadarını göster
                   for (i = gt - veriSayisi; i < gt; i++)
                   {
                      $(".commentses tr:eq(" + i + ")").show();
                   }
                });
            })
    
            </script>
  • 26-10-2015, 18:14:53
    #3
    Verdiğiniz kodları eklediğimde çalışacak mı kodlardan hiç anlamıyorum bu yüzden sordum.

    bluexpres adlı üyeden alıntı: mesajı görüntüle
    merhaba,
    istediğinizin yapılabilmesi için hangi sayfada olunduğunun bilinmesi gerekiyor. Yol göstermesi açısından append olan satırınıza bir koşul koyulabilir. toplam verilerden bir maxmin hesaplayarak
    if(i>minimum && i<sayfaSayisi-minimum) gibi bir koşul içinde append ederseniz;
    ......... 6 7 8 9 ........
    minimumdan küçükler ve (sayfasayısı-minimum)'dan büyükler gözükmeyecektir.

    bu minimum değerini el ile tanımlayabilirsiniz ya da en başta belirttiğim gibi hangi sayfada olduğu çekilerek ona göre de belirlenebilir.böylelikle kodlardaki ;
    // İlk sayfaya aktif classı ekle
    $(".pagenation a:first").addClass("active");
    yerine aktif sayfa active edilebilir.

    kolaylıklar.
  • 26-10-2015, 18:47:27
    #4
    Hayır sadece mantığı söyledim.
    şu satırı;
    $(".pagenation").append('<a href="javascript<b></b>:void(0)">' + i + '</a>');
    şununla ;

    if((i>5) && (i+5<sayfaSayisi) ){ $(".pagenation").append('<a href="javascript<b></b>:void(0)">' + i + '</a>'); }

    değiştirin ve kaydederek sayfanızı yenileyin. ne demek istediğimi anlayacaksınız. eğer hiç kod bilmiyorsanız sayfanın linkini gönderirseniz inceleyip yönlendirmeye çalışayım.

    kolaylıklar

    infoakademi adlı üyeden alıntı: mesajı görüntüle
    Verdiğiniz kodları eklediğimde çalışacak mı kodlardan hiç anlamıyorum bu yüzden sordum.