Now that our translations is loaded, we can introduce a mechanism to switch locales. The actual translations are in key-value format, for example ) If you are, like me, a fan of Rails, you’ll find this process very similar to storing translations in YAML files. JQuery.I18n stores translations in the simple JSON files. To make our journey more interesting and useful, we are going to apply the learned concepts into practice. Not a very fancy name, but believe me there is more than meets the eye – this library is really convenient and powerful, so let’s not waste our time and discuss it’s features now. Therefore this company created a popular jQuery-based solution to internationalize JavaScript applications and called it simply jQuery I18n. All these projects are worldwide and available in different languages so internationalization is absolutely crucial for Wikimedia. Wikipedia is maintained by a company called Wikimedia Foundation, that also takes care of projects like Wikinews, Wikivoyage and many others. Of course you know what Wikipedia is and probably have used this website many times, as it has knowledge about anything starting from physics and chemistry to popular (and less popular) films and computer games. I am going to use Microsoft IIS but there are plenty of other solutions available that can get you up and running in a minute: To be able to see the final result in action you’ll need to setup a web server.
JQUERY MAGIC LINE CODE
The source code for this article is available at GitHub. Prettifying the code to avoid repeating ourselves.Employing gender and pluralization info in translations.
This magical line automatically moves based on which page number you move your cursor to. There is a magical line that appears on top of the page you hover upon. Persisting locale data by using History API This is an example of animated pagination which is responsive in its approach.I wanted to integrate the magicline in my page but it doesn’t work with the newer version of jquery (1.9. Loading translation files and some gotchas to take into consideration I implemented the Magic Line Navigation I found online.The process of creating translation files.Setting up demo application and loading the necessary files.Here is a quick overview of the themes that we’ll cover:
JQUERY MAGIC LINE HOW TO
Learn how to tweak the template with some CSS3 tricks. You can embed all kinds of media including tweets, videos, and maps, and associate them with a date.
JQUERY MAGIC LINE SERIES
We are going to thoroughly discuss jQuery I18n’s features as well as see it in action by creating a demo JavaScript application. Timeline is a jQuery plugin specializing in showing a chronological series of events. This solution supports gender, grammar forms, dynamic change of language, fallback chains and more. Our today’s guest is the jQuery I18n library that was briefly covered in one of the previous posts. Parameters, gender and pluralization in translationsįor the past months I have written a bunch of articles about internationalization covering the usage of I18n in Rails apps as well as various solutions for JavaScript.
0 kommentar(er)
