Countries and AJAX Pagination

Name Original Name Iso2 Iso3
af Afghanistan افغانستان AF AFG
ax Aland Islands Åland AX ALA
al Albania Shqipëria AL ALB
dz Algeria الجزائر DZ DZA
as American Samoa American Samoa AS ASM
ad Andorra Andorra AD AND
ao Angola Angola AO AGO
ai Anguilla Anguilla AI AIA
aq Antarctica Antarctica AQ ATA
ag Antigua And Barbuda Antigua and Barbuda AG ATG
ar Argentina Argentina AR ARG
am Armenia Հայաստան AM ARM
aw Aruba Aruba AW ABW
au Australia Australia AU AUS
at Austria Österreich AT AUT
az Azerbaijan Azərbaycan AZ AZE
bs Bahamas The Bahamas BS BHS
bh Bahrain ‏البحرين BH BHR
bd Bangladesh Bangladesh BD BGD
bb Barbados Barbados BB BRB

Page 1 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!