!MicroLang

Micro Language switcher in javascript for simple websites

Switch language using only html attribute data-LANG

$3

- Live
- Codepen

$3

Use data-en, data-es, data-it, etc. to define the language.

``




`

$3


Change the hash from the url. This also adds "active-language" class to items with href="#lang"
`
English
Español
`

$3

data-lang = Replace "lang" with the language to switch.
`
This is english
`

$3

"data-lang-attr" defines wich attribute is changing instead of innerHTML.
`

`

$3

"visible-lang" only shows item when lang is active. "hide-lang" hides it if lang is active.
`
.visible-en
.visible-es
.hide-en
.hide-es
`

$3

Calling method MicroLangSwitch(langID):

`
EN
`

Or changing the url hash:

`
location.hash="en";
``