pagination.js
Gesponsorde koppelingen
PHP script bestanden
Code (php)
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
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);
});
}
{
// 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);
});
}