Countries and AJAX Pagination

Name Original Name Iso2 Iso3
ht Haiti Haïti HT HTI
gf French Guiana Guyane française GF GUF
gy Guyana Guyana GY GUY
gn Guinea Guinée GN GIN
gq Equatorial Guinea Guinea Ecuatorial GQ GNQ
gw Guinea-Bissau Guiné-Bissau GW GNB
gg Guernsey and Alderney Guernsey GG GGY
gt Guatemala Guatemala GT GTM
gu Guam Guam GU GUM
gp Guadeloupe Guadeloupe GP GLP
gd Grenada Grenada GD GRD
gi Gibraltar Gibraltar GI GIB
gh Ghana Ghana GH GHA
gm Gambia The Gambia GM GMB
ga Gabon Gabon GA GAB
fr France France FR FRA
fo Faroe Islands Føroyar FO FRO
fj Fiji Islands Fiji FJ FJI
fk Falkland Islands Falkland Islands FK FLK
es Spain España ES ESP

Page 10 of 13, showing 20 record(s) out of 250 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!