• 10-05-2013, 00:19:54
    #1
    Merhaba, aşağıdaki ziyaretçi defteri oluşturulan her içeriği yeni bir dosya olarak kaydediyor ve klasör içerisinde bulunan dosyaları sonraki sayfa ve önceki sayfa şeklinde sayfalıyor, bu sayfalama işlemini < 1 2 3 4 > şeklinde kullanmak için nasıl bir yol izlemek gerekir.

    Max's Guestbook
    http://www.phpf1.com/download.html?item=18

    Teşekkürler.
  • 10-05-2013, 09:46:26
    #2
    #dosya_sayfalama { display:block; width: 95%; height: auto; list-style:none; margin-top: 30px; }
    #dosya_sayfalama > li { display:block; padding:0; margin:0; margin-bottom: 20px; }
    
    #dosya_sayfalar { display:block; width: 100%; height: 30px; line-height: 30px; margin-top: 20px; margin-bottom: 20px; }
    #dosya_sayfalar a { color: #fff; background-color: #333; padding: 3px 7px; margin-right: 6px; text-decoration: none;    }
    #dosya_sayfalar a.aktif { background-color:#999999;}

    <ul id="dosya_sayfalama">
    <?php
    $dir = opendir("KLASÖR");
    while (($dosya = readdir($dir)) !== false){
    if(! is_dir($dosya)){
        echo "<li><a href=\"http://www.domain.com/image/".$dosya."\">".$dosya."</a></li>";
    }
    closedir($dir);
    }
    ?>
    </ul>
    
    <div id="dosya_sayfalar"></div>
    $(document).ready(function(e) {
    
        var toplamLi     = $("#dosya_sayfalama > li").length; //kaç tane li var
        var veriSayi     = 5; //her sayfada kaç tane gösterilecek
        var sayfaSayi     = Math.ceil(toplamLi / veriSayi); //sayfa sayısını bulduk
        
        //ilk sayfadan sonrakileri gizliyoruz
        $("#dosya_sayfalama li:gt("+ (veriSayi-1) +")").hide();
        
        
        //sayfa linklerini yazdırıyoruz
        for(var i=1; i<=sayfaSayi; i++){
            $("#dosya_sayfalar").append('<a href="javascript:void(0);">' + i + '</a>');
        }
        
        // ilk sayfaya aktif classını ekledik
        $("#dosya_sayfalar a:first").addClass("aktif");
        
        $("#dosya_sayfalar a").live("click", function(){
            
            $("#dosya_sayfalar a").removeClass("aktif");
            $(this).addClass("aktif");
            
            var indis     = $(this).index() + 1;
            var gt    = veriSayi * indis;
            
            $("#dosya_sayfalama > li").hide();
            
            for(var s = gt-veriSayi; s < gt; s++){
                $("#dosya_sayfalama li:eq(" + s+ ")").show();
            }
            
        });
    
    });