jQuery alphabetical pagination Multilingual support
Try googeling for “jquery alphabetical pagination” or “jquery alphabetical listing” and you will find that the most commonly used component is the “jQuery ListNav Plugin” developed by IHwy, Inc.
“ This jQuery plugin supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list. An easily stylable (via CSS) nav bar appears above the list, showing the user the letters A-through-Z. Clicking one of the letters filters the list to show only the items in the list that start with that letter. Hovering over a letter (optionally) shows a count above the letter, indicating how many items will be displayed if that letter is clicked. Other options give you control over the basic functionality.”
In2uitions LLC, amended this component to be multi-language. Now “jQuery alphabetical pagination” can be implemented in any language including Arabic.
The Demo, is based on three languages: English, French and Arabic.
For more details you can download the demo.
This version of “jQuery alphabetical pagination Multilingual support” is based on ““jQuery ListNav Plugin 2.1”, it contains all its feature and implements the multilingual support.
To implement it all you have to do is:
- copy the content of the folder js/listnav to your own js folder
- In the page where you would like to add the alphabetical pagination / navigation add the two below lines.
- <script type=”text/javascript” src=”js/listnav/listnav-[LANG].js”></script>
- <script type=”text/javascript” src=”js/listnav/jquery.listnav-2.1.js”></script>
[LANG] represents the language to be displayed and listnav-[LANG].js is the proper JS file to be used for that language.




