pagination.js

Gesponsorde koppelingen

PHP script bestanden

  1. Gebruik
  2. Voorbeeld Pagina
  3. pagination.js

« Lees de omschrijving en reacties

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
function pagination(paginas, fadetijd, nexttext, prevtext, lasttext, firsttext, currentpage)
{
        // De vaiabelen instellen
    paginas = paginas || alert("Het aantal pagina's moet ingesteld zijn.");    
                                  
    fadetijd = fadetijd || 500;
                                
    nexttext = nexttext || '[>]';
                                  
    prevtext = prevtext || '[<]';
                                  
    lasttext = lasttext || '[>>]';
                                  
    firsttext = firsttext || '[<<]';
        
    currentpage = currentpage || 1;
                                                    
    var next = (currentpage+1);    // Wat de volgende pagina moet worden
    var prev = (currentpage-1);    // Wat de vorige pagina is            
            
            // Hierin wordt de span van hierboven gevult met de linkjes
        $("#fnpl").html('<a href="javascript:void(0);" id="first" >' + firsttext + '</a> <a href="javascript:void(0);" id="prev" >' + prevtext + '</a> <a href="javascript:void(0);" id="next" >' + nexttext + '</a> <a href="javascript:void(0);" id="last" >' + lasttext + '</a>');
                        
        for(n=1; n<=paginas; n++)
        {                                                            
            if(n == currentpage)    // Of de pagina divjes wel of niet moeten laten zien worden
            {
                $("#pagina"+n).css("display","block");        
            }
            else
            {      
                $("#pagina"+n).css("display","none");  
            }
                            
            $(".link"+n).click(function()    // Als er op een linkje met een pagina nummer wordt geklikt
            {                    
                var kliknummer = $(this).attr("class").replace("link", "");      // Het nummer uit de classname halen      
 
                $("#pagina"+currentpage).fadeOut(fadetijd);       // De momentele pagina laten verdwijnen
                $("#pagina"+kliknummer).delay(fadetijd).fadeIn(fadetijd).delay(100);    // En de nieuwe laten komen
                                    
                currentpage = kliknummer;      // De nieuwe pagina defineren
                prev = (currentpage-1);        // De vorige pagina defineren
                next = (currentpage+1);        // En de volgende pagina defineren
            });
        }      
                        
        $("#next").click(function()         // Als er op de [volgende] knop wordt gedrukt
        {  
            if(currentpage != paginas)      // En het niet de laatste pagina is
            {                                        
                $("#pagina"+currentpage).fadeOut(fadetijd);       // De oude pagina laten verdwijnen
                $("#pagina"+next).delay(fadetijd).fadeIn(fadetijd).delay(100);     // De nieuwe laten komen
                                
                currentpage++;             // Hier weer de nieuwe pagine, vorige pagina en de volgende pagina defineren
                prev = (currentpage-1);
                next = (currentpage+1);                                        
            }
        });
                        
        $("#prev").click(function()       // Als er op de [vorige] knop wordt gedrukt
        {  
            if(currentpage != 1)          // En het niet de eerste pagina is
            {      
                $("#pagina"+currentpage).fadeOut(fadetijd);      // De oude pagina wederom laten verdwijnen
                $("#pagina"+prev).delay(fadetijd).fadeIn(fadetijd).delay(100);    // De nieuwe weer laten zien  
                                
                currentpage--;              // Weer de standaard vars instellen
                prev = (currentpage-1);
                next = (currentpage+1);                                          
            }
        });    
                        
                        
        $("#first").click(function()             // Als er op de [Eerste] knop wordt gedrukt
        {                  
            $("#pagina"+currentpage).fadeOut(fadetijd);            // Oude pagina laten verdwijnen
            $("#pagina1").delay(fadetijd).fadeIn(fadetijd).delay(100);    //nieuwe laten komen
                                
            currentpage=1;                   // En weer de vars instellen
            prev = (currentpage-1);
            next = (currentpage+1);
        });        
                              
        $("#last").click(function()            // Als laatste kijken of er op de [Laatste] knop wordt gedrukt
        {      
            $("#pagina"+currentpage).fadeOut(fadetijd);        // Oude pagina verdwijnen
            $("#pagina"+paginas).delay(fadetijd).fadeIn(fadetijd).delay(100);  // Nieuwe laten komen
                                
            currentpage=paginas;        // En voor de laatste keer de vars instellen  
            prev = (currentpage-1);
            next = (currentpage+1);
        });  
}

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.