Gigantische blok met pagina-nummers
Ik heb een database met een groot aantal liedjes.
Deze laat ik tonen met 30 resultaten per pagina.
Onderaan deze lijst heb ik een knop met 'vorige pagina' en een knop met 'volgende pagina'
Tussen deze 2 knoppen staan de aantal pagina's waar je eveneens kunt op klikken om naar de betreffende pagina te gaan.
MAAR !! Soms heeft het resultaat meer dan 500 pagina's wat resulteert dat er onderaan tussen de 2 knoppen een gigantische blok verschijnt met pagina-nummers.
Mijn vraag: Hoe los ik dit op?
1. Dropdown? (Is op zich dan ook weer een gigantische lijst)
2. < Vorige | 3-4-5-[6]-7-8-9 | Volgende > ?
3. Mogelijkheid om +1 +10 +100 pagina's te latdn springen?
4. Combinatie van 2 en 3 ?
Wat is het gemakkelijkste voor de gebruiker?
Maar anders zou ik voor 2 gaan (maak het jezelf niet te moeilijk - zoals gezegd, ik zie iemand toch niet van pagina 1 t/m 500 "bladeren").
De code zal ik even opzoeken.
Het is een gedoe om dit responsive te krijgen. Dus daarom laat ik dit op smalle resoluties de list omzetten naar een select-box.
Gewijzigd op 03/09/2018 15:06:32 door - Ariën -
Rob Doemaarwat op 03/09/2018 14:53:32:
Geen van allen. Als er 500 x 30 = 15.000 resultaten zijn heb je een zoekfunctionaliteit nodig (filtering) om de gebruiker nog een beetje nuttig met de "data" om te kunnen laten gaan.
Maar anders zou ik voor 2 gaan (maak het jezelf niet te moeilijk - zoals gezegd, ik zie iemand toch niet van pagina 1 t/m 500 "bladeren").
Maar anders zou ik voor 2 gaan (maak het jezelf niet te moeilijk - zoals gezegd, ik zie iemand toch niet van pagina 1 t/m 500 "bladeren").
1. De resultaten zijn al gefilterd
2. Er zijn zelfs gebruikers die door meer dan 1000 pagina's gaan
- Ariën - op 03/09/2018 15:04:51:
Ikzelf laat in een dergelijke situatie op mijn site maar de 5 pagina voor en de 5 pagina's na de huidige paginanummer zien. Verder zijn er ook een paar knopjes voor eentje verder/terug, of begin/eind.
De code zal ik even opzoeken.
Het is een gedoe om dit responsive te krijgen. Dus daarom laat ik dit op smalle resoluties de list omzetten naar een select-box.
De code zal ik even opzoeken.
Het is een gedoe om dit responsive te krijgen. Dus daarom laat ik dit op smalle resoluties de list omzetten naar een select-box.
Die 5 pagina's voor en na de huidige pagina met begin/einde lijkt mij inderdaad interessant.
Natuurlijk bij 500 pagina's is de gebruiker wel een tijdje aan het doorklikken (per 5)
Thomas van den Heuvel op 03/09/2018 16:09:51:
Of je deelt het totaal aantal pagina's op in blokken zodat je zowel grof als fijn kunt bladeren.
Hoe zie je dat voor je?
En waarom 5 items per pagina? Kan je dit niet misschien verruimen?
Je gunt je bezoekers toch geen muisarmpje? ;-)
Gewijzigd op 03/09/2018 16:10:52 door - Ariën -
Ik ga het eens doorpluizen.
Rob Doemaarwat op 03/09/2018 14:53:32:
Geen van allen. Als er 500 x 30 = 15.000 resultaten zijn heb je een zoekfunctionaliteit nodig (filtering) om de gebruiker nog een beetje nuttig met de "data" om te kunnen laten gaan.
Maar anders zou ik voor 2 gaan (maak het jezelf niet te moeilijk - zoals gezegd, ik zie iemand toch niet van pagina 1 t/m 500 "bladeren").
Maar anders zou ik voor 2 gaan (maak het jezelf niet te moeilijk - zoals gezegd, ik zie iemand toch niet van pagina 1 t/m 500 "bladeren").
Hier ga ik volledig in mee. Dure oplossingen maken die vervolgens niet gebruikt zullen worden heeft geen nut.
Een of meerdere gebruiksvriendelijke filters zouden hier de oplossing moeten brengen.
Toevoeging op 03/09/2018 23:19:32:
En als alternatief:
<< < [input][Ga] > >>
bij de input kan dan een pagina nummer ingegeven worden.
