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

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 <p> block elements will be ordered using Easyling’s JavaScript page modifier.

Dropdown list (select/option)

Select your favorite color from this list:


Unordered list (ul/li)

  • Beef
  • Corn
  • Flour
  • Garlic

Ordered list (ol/li)

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

Block elements


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.

Dedicated demo for You