Pagina kiezer
Pagina 1 van 4.
Bij veel websites moet de informatie over meerdere pagina's worden verdeeld, om te voorkomen dat er te veel informatie op een bladzijde komt, waardoor de bezoeker van de pagina verdwaalt in de informatie. Webwinkels die veel gelijksoortige artikelen verkopen, kunnen hier last van hebben. Denk hierbij aan kleding, 1001 soorten shampoo, computeronderdelen enz.
Om snel naar een bepaalde pagina te kunnen gaan wordt vaak een pagina kiezer ingezet. Een eenvoudig voorbeeld van zo'n kiezer vind je op de pagina Varia op deze site.
Op deze pagina presenteer ik code waarmee je een dergelijke kiezer kunt maken voor je eigen website. Het uiterlijk is zoals
gebruikt in het item Horizontaal inschuivende pagina's. Deze uitvoering
is algemeen toepasbaar. Voorwaarde is dat er minstens twee pagina's zijn. Bij minder dan twee pagina's stopt het script.
Het uiterlijk (voor vijf pagina's) is:
<<Vorige | 1 | 2 | 3 | 4 | 5 | Volgende>>
N.B.: Dit is een niet-werkend voorbeeld. De "echte" versie staat onderaan de bladzijde.
• Als je op een cijfer klikt of tikt ga je naar de overeenkomende pagina.
• Met Volgende>> ga je naar de volgende pagina. Deze knop
ontbreekt als je op de laatste pagina bent.
• Met <<Vorige ga je een pagina terug. Deze knop ontbreekt
als je op de eerste pagina bent.
Om de opmaak van de pagina een beetje hanteerbaar te houden is het beter om niet meer dan 5 tot 7 pagina's te gebruiken.
Een versie van dit script die met (veel) meer pagina's overweg kan, is in voorbereiding.
- Er worden twee items besproken:
- De opbouw van het script.
- Inbouwen in je eigen site.
·· (paginakiezer) ··
