Countries and AJAX Pagination

Name Ori Name Iso2 Iso3
de Deutschland Deutschland DE DEU
at Österreich Österreich AT AUT
ch Schweiz Schweiz CH CHE
af Afghanistan AF AFG
eg Ägypten EG EGY
al Albanien AL ALB
dz Algerien DZ DZA
as Amerikanisch Samoa AS ASM
vi Amerikanische Jungferninseln VI VIR
ad Andorra AD AND
ao Angola AO AGO
ai Anguilla AI AIA
aq Antarktis AQ ATA
ag Antigua Und Barbuda AG ATG
gq Äquatorialguinea GQ GNQ
ar Argentinien AR ARG
am Armenien AM ARM
aw Aruba AW ABW
az Aserbaidschan AZ AZE
et Äthiopien ET ETH

Page 1 of 12, showing 20 record(s) out of 240 total



Key Goals for the AJAX Pagination

  • Ajaxify all links in the "pagination-container" including pagination and sort links
  • As easy as possible
  • Fallback without AJAX (and JS) should be fully working
The fading is not necessary and only shows more clearly the beginning and end of the AJAX request. Note: Instead of the jQuery.live plugin one could also just use on() event and bind the pagination links to a click event.

How does it work

You only need
  • A "pagination-container" div and a separate ctp file of the "common" content for both AJAX and normal view
  • A few lines of custom (jQuery) JS on top
TODOs:
  • URL needs to be rewritten/updated to be in sync with current page - for a clean user experience

Send your feedback or bugreport!