Page modifiers in action: alphabetical sorting of translated text with JavaScript

2014, Feb 4. - Easyling.com

Some websites contains elements ordered by one of their characteristic, e.g. alphabetical. More often than not, the translated elements requires reordering to keep the original order. In this post 4 different use-case is demonstrated: dropdown list, ordered and unordered list and simple

block elements will be ordered using Easyling’s JavaScript page modifier.

Dropdown list (select/option)

Select your favorite color from this list:

BlueGreenRed

Unordered list (ul/li)

  * Beef
  * Corn
  * Flour
  * Garlic

Ordered list (ol/li)

  1. Beef
  2. Corn
  3. Flour
  4. Garlic

Block elements

Glossary:

Beef: the flesh of a cow, bull, or ox, used as food.

Corn: the chief cereal crop of a district, especially (in England) wheat or (in Scotland) oats.

Flour: a powder obtained by grinding grain, typically wheat, and used to make bread, cakes, and pastry.

Garlic: a strong-smelling pungent-tasting bulb, used as a flavouring in cookery and in herbal medicine.

Click to see the result of the translation and the ordering.