// Hiermee wordt de hoogte en de breedte van de cellen bepaalt.
var TDHeight = 120 ;
var TDWidth = 125 ;
function regel(prevNext, setNr){
// declareren of resetten van een aantal variabelen
var teller = 0;
var x = 0;
var HTML = '';
var setjesHTML = '';
// hier wordt een dynamisch aantal TD's en TR's berekend afhankelijk van de ruimte op het scherm.
if(document.all) {
var locationWith = document.body.clientWidth ;
var locationHeight = document.body.clientHeight - intMargin;
}else{
var locationWith = window.innerWidth ;
var locationHeight = window.innerHeight - intMargin;
}
// Configuratie bepaald of er een fixed aantal TD's en TR's gewenst is, of dat dynamisch het aantal wordt berekend a.d.h.v. de grote van het venster van de browser.
if (intFullScreen == 1) {
var horizontal = Math.round( (locationWith / TDWidth ) - 1) ;
var vertical = Math.round((locationHeight / TDHeight ) -1) ;
}else{
var horizontal = Math.round( (locationWith / TDWidth ) - 1) ;
var vertical = Math.round((locationHeight / TDHeight ) -1) ;
}
var result = regels.length - intMinus;
var tableWith = horizontal * TDWidth ;
// Hoeveel setjes zijn er mogelijk? voorbeeld --> setje: 3 x 3 = 9 ; bij 81 plaatjes zijn dit 81 / 9 = 9 setjes.
var setje = horizontal * vertical;
var preAantalSetjes= result / setje ;
var aantalSetjes = Math.ceil(preAantalSetjes) ;
// met de var From berekenen we welk setje we moeten laten zien. vb. setje2: (2-1)*9=9 , begin bij 9e element uit de Array met plaatjes!
From = (setNr -1) * setje ;
// Elk setje behelst een pagina. Onderaan de pagina kun je kiezen om direct naar de pagina van jouw keuze te gaan.
for (i=1; i < aantalSetjes +1 ; i++){
if (i == setNr){
setjesHTML = setjesHTML + '' + i + ' ' ;
}else{
setjesHTML = setjesHTML + '' + i + ' ' ;
}
}
// Bekijk of het huidige setje niet over het max. aantal plaatjes in de Array gaat.
if (From + setje > result){
To = result;
}else{
To = From + setje ;
}
// Bereken of er een previous en/of next mogelijkheid is voor het huidige setje(pagina).
if (From - setje < 0){
var strPrev = 'Previous ' ;
}else{
var strPrev = 'Previous ' ;
}
if (From + setje > result -1) {
var strNext = 'Next' ;
}else{
var strNext = 'Next' ;
}
// FOR LOOP. Loopt door alle plaatjes uit de Array voor dit setje (pagina) en schrijf de HTML eromheen.
for (i=From ; i < To ; i++){
teller = teller + 1; x = x + 1;
if (teller == 1){
HTML += '
' + regels[i] + '
';
}
if (teller != 1 && teller != horizontal){
HTML += '
' + regels[i] + '
';
}
if (teller == horizontal){
HTML += '
' + regels[i] + '
'
teller = 0;
}
}
// Dit zorgt ervoor dat de laatste TR met het correcte aantal TD's wordt gevult en afgesloten.
if(teller != 0){
for (i=0 ; i < horizontal - teller ; i++){
if (i != horizontal - teller){
HTML += '
';
}else{
HTML += '
';
}
}
}
// Als er plaatjes zijn om te laten zien schrijf dan de HTML weg. Zo niet toon een onderstaande melding in HTML (...dan zoekresultaat waarschijnlijk leeg.).
if (HTML == ''){
document.getElementById("Data").innerHTML = "