Swappable Tags

What Swappable Tags does:

Swappable Tags allows for convenient allocation of Tags

How Swappable Tags helps

Tags found in the Input-Field are marked in the list of Predefined-Tags with a className

Tags can be inserted/removed from the Input-Field by clicking on one of the items of the Predefined-Tags

Predefined-Tags are suggested while writing inside the Input-Field

Final commas are added/removed on blur/focus inside the Input-Field

How Swappable Tags is implemented

After the respective form is loaded, call "new SwappableTags(Field);"

You can define the Grandparent-Element of the Predefined-Tags (by default it is the id of the Field+"List")

You can define the className for the Predefined-Tags that are in use (by default it is "used")

You should define a css-rule according to the className

Prerequirements

Prototype 1.6

Create
Predefined Tags:
  • government
  • jobs
  • culture
  • business
  • media
  • privat-sector
  • profits
  • tax



Update
Predefined Tags:
  • government
  • jobs
  • culture
  • business
  • media
  • privat-sector
  • profits
  • tax