Difference between revisions of "Widget:Language"
Jump to navigation
Jump to search
(3 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
</noinclude><includeonly> | </noinclude><includeonly> | ||
<style> | <style> | ||
− | # | + | #lang { |
border-color: #666; | border-color: #666; | ||
color: #c1c1c1; | color: #c1c1c1; | ||
Line 10: | Line 10: | ||
</style> | </style> | ||
<script> | <script> | ||
− | + | function changeLanguage(lang) { | |
− | + | var lang_sel = lang.value; | |
− | + | switch(lang_sel) | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | function changeLanguage() { | ||
− | var | ||
− | switch( | ||
{ | { | ||
− | case es: | + | case "es": |
− | + | $('.l_en').css('display', 'none'); | |
− | + | $('.l_es').css('display', 'inline'); | |
− | + | $('.l_fr').css('display', 'none'); | |
− | + | $('.l_it').css('display', 'none'); | |
− | + | $('.l_de').css('display', 'none'); | |
− | + | $('.l_ch').css('display', 'none'); | |
− | + | $('.l_ru').css('display', 'none'); | |
− | + | $('.l_jp').css('display', 'none'); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
break; | break; | ||
− | case fr: | + | case "fr": |
− | + | $('.l_en').css('display', 'none'); | |
− | + | $('.l_es').css('display', 'none'); | |
− | + | $('.l_fr').css('display', 'inline'); | |
− | + | $('.l_it').css('display', 'none'); | |
− | + | $('.l_de').css('display', 'none'); | |
− | + | $('.l_ch').css('display', 'none'); | |
− | + | $('.l_ru').css('display', 'none'); | |
− | + | $('.l_jp').css('display', 'none'); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
break; | break; | ||
− | case it: | + | case "it": |
− | + | $('.l_en').css('display', 'none'); | |
− | + | $('.l_es').css('display', 'none'); | |
− | + | $('.l_fr').css('display', 'none'); | |
− | + | $('.l_it').css('display', 'inline'); | |
− | + | $('.l_de').css('display', 'none'); | |
− | + | $('.l_ch').css('display', 'none'); | |
− | + | $('.l_ru').css('display', 'none'); | |
− | + | $('.l_jp').css('display', 'none'); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
break; | break; | ||
− | case de: | + | case "de": |
− | + | $('.l_en').css('display', 'none'); | |
− | + | $('.l_es').css('display', 'none'); | |
− | + | $('.l_fr').css('display', 'none'); | |
− | + | $('.l_it').css('display', 'none'); | |
− | + | $('.l_de').css('display', 'inline'); | |
− | + | $('.l_ch').css('display', 'none'); | |
− | + | $('.l_ru').css('display', 'none'); | |
− | + | $('.l_jp').css('display', 'none'); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
break; | break; | ||
− | case ch: | + | case "ch": |
− | + | $('.l_en').css('display', 'none'); | |
− | + | $('.l_es').css('display', 'none'); | |
− | + | $('.l_fr').css('display', 'none'); | |
− | + | $('.l_it').css('display', 'none'); | |
− | + | $('.l_de').css('display', 'none'); | |
− | + | $('.l_ch').css('display', 'inline'); | |
− | + | $('.l_ru').css('display', 'none'); | |
− | + | $('.l_jp').css('display', 'none'); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
break; | break; | ||
− | case ru: | + | case "ru": |
− | + | $('.l_en').css('display', 'none'); | |
− | + | $('.l_es').css('display', 'none'); | |
− | + | $('.l_fr').css('display', 'none'); | |
− | + | $('.l_it').css('display', 'none'); | |
− | + | $('.l_de').css('display', 'none'); | |
− | + | $('.l_ch').css('display', 'none'); | |
− | + | $('.l_ru').css('display', 'inline'); | |
− | + | $('.l_jp').css('display', 'none'); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
break; | break; | ||
− | case jp: | + | case "jp": |
− | + | $('.l_en').css('display', 'none'); | |
− | + | $('.l_es').css('display', 'none'); | |
− | + | $('.l_fr').css('display', 'none'); | |
− | + | $('.l_it').css('display', 'none'); | |
− | + | $('.l_de').css('display', 'none'); | |
− | + | $('.l_ch').css('display', 'none'); | |
− | + | $('.l_ru').css('display', 'none'); | |
− | + | $('.l_jp').css('display', 'inline'); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
break; | break; | ||
− | + | default: | |
− | + | $('.l_en').css('display', 'inline'); | |
− | + | $('.l_es').css('display', 'none'); | |
− | + | $('.l_fr').css('display', 'none'); | |
− | + | $('.l_it').css('display', 'none'); | |
− | + | $('.l_de').css('display', 'none'); | |
− | + | $('.l_ch').css('display', 'none'); | |
− | + | $('.l_ru').css('display', 'none'); | |
− | + | $('.l_jp').css('display', 'none'); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
} | } | ||
</script> | </script> | ||
− | <select id=" | + | <select id="lang" onchange="changeLanguage(this)"> |
<option value="en" selected>EN - English</option> | <option value="en" selected>EN - English</option> | ||
<option value="es">ES - Español</option> | <option value="es">ES - Español</option> |
Latest revision as of 11:31, 28 March 2019
This widget inserts a language picker.