Difference between revisions of "Widget:Language"

From UnderWiki
Jump to navigation Jump to search
 
(2 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
</noinclude><includeonly>
 
</noinclude><includeonly>
 
<style>
 
<style>
−
#oLang {
+
#lang {
 
     border-color: #666;
 
     border-color: #666;
 
     color: #c1c1c1;
 
     color: #c1c1c1;
Line 10: Line 10:
 
</style>
 
</style>
 
<script>
 
<script>
−
  var a_en = document.getElementById("title_en");
+
function changeLanguage(lang) {
−
   var a_es = document.getElementById("title_es");
+
   var lang_sel = lang.value;
−
  var a_fr = document.getElementById("title_fr");
+
   switch(lang_sel)
−
  var a_it = document.getElementById("title_it");
 
−
  var a_de = document.getElementById("title_de");
 
−
  var a_ch = document.getElementById("title_ch");
 
−
  var a_ru = document.getElementById("title_ru");
 
−
  var a_jp = document.getElementById("title_jp");
 
−
  var b_en = document.getElementById("text_en");
 
−
  var b_es = document.getElementById("text_es");
 
−
  var b_fr = document.getElementById("text_fr");
 
−
  var b_it = document.getElementById("text_it");
 
−
  var b_de = document.getElementById("text_de");
 
−
  var b_ch = document.getElementById("text_ch");
 
−
  var b_ru = document.getElementById("text_ru");
 
−
  var b_jp = document.getElementById("text_jp");
 
−
 
 
−
function changeLanguage(l) {
 
−
   switch(l)
 
 
   {
 
   {
−
     case es:
+
     case "es":
−
       a_en.style.display = "none";
+
       $('.l_en').css('display', 'none');
−
       b_en.style.display = "none";
+
       $('.l_es').css('display', 'inline');
−
      a_es.style.display = "inline";
+
       $('.l_fr').css('display', 'none');
−
      b_es.style.display = "inline";
+
       $('.l_it').css('display', 'none');
−
      a_fr.style.display = "none";
+
       $('.l_de').css('display', 'none');
−
      b_fr.style.display = "none";
+
       $('.l_ch').css('display', 'none');
−
      a_it.style.display = "none";
+
       $('.l_ru').css('display', 'none');
−
       b_it.style.display = "none";
+
       $('.l_jp').css('display', 'none');
−
       a_de.style.display = "none";
 
−
       b_de.style.display = "none";
 
−
       a_ch.style.display = "none";
 
−
       b_ch.style.display = "none";
 
−
       a_ru.style.display = "none";
 
−
      b_ru.style.display = "none";
 
−
      a_jp.style.display = "none";
 
−
      b_jp.style.display = "none";
 
 
       break;
 
       break;
−
     case fr:
+
     case "fr":
−
       a_en.style.display = "none";
+
       $('.l_en').css('display', 'none');
−
       b_en.style.display = "none";
+
       $('.l_es').css('display', 'none');
−
       a_es.style.display = "none";
+
       $('.l_fr').css('display', 'inline');
−
      b_es.style.display = "none";
+
       $('.l_it').css('display', 'none');
−
      a_fr.style.display = "inline";
+
       $('.l_de').css('display', 'none');
−
      b_fr.style.display = "inline";
+
       $('.l_ch').css('display', 'none');
−
      a_it.style.display = "none";
+
       $('.l_ru').css('display', 'none');
−
      b_it.style.display = "none";
+
       $('.l_jp').css('display', 'none');
−
       a_de.style.display = "none";
 
−
       b_de.style.display = "none";
 
−
       a_ch.style.display = "none";
 
−
       b_ch.style.display = "none";
 
−
       a_ru.style.display = "none";
 
−
      b_ru.style.display = "none";
 
−
      a_jp.style.display = "none";
 
−
      b_jp.style.display = "none";
 
 
       break;
 
       break;
−
     case it:
+
     case "it":
−
       a_en.style.display = "none";
+
       $('.l_en').css('display', 'none');
−
       b_en.style.display = "none";
+
       $('.l_es').css('display', 'none');
−
       a_es.style.display = "none";
+
       $('.l_fr').css('display', 'none');
−
       b_es.style.display = "none";
+
       $('.l_it').css('display', 'inline');
−
      a_fr.style.display = "none";
+
       $('.l_de').css('display', 'none');
−
      b_fr.style.display = "none";
+
       $('.l_ch').css('display', 'none');
−
      a_it.style.display = "inline";
+
       $('.l_ru').css('display', 'none');
−
      b_it.style.display = "inline";
+
       $('.l_jp').css('display', 'none');
−
       a_de.style.display = "none";
 
−
       b_de.style.display = "none";
 
−
       a_ch.style.display = "none";
 
−
       b_ch.style.display = "none";
 
−
      a_ru.style.display = "none";
 
−
      b_ru.style.display = "none";
 
−
      a_jp.style.display = "none";
 
−
      b_jp.style.display = "none";
 
 
       break;
 
       break;
−
     case de:
+
     case "de":
−
       a_en.style.display = "none";
+
       $('.l_en').css('display', 'none');
−
       b_en.style.display = "none";
+
       $('.l_es').css('display', 'none');
−
       a_es.style.display = "none";
+
       $('.l_fr').css('display', 'none');
−
       b_es.style.display = "none";
+
       $('.l_it').css('display', 'none');
−
      a_fr.style.display = "none";
+
       $('.l_de').css('display', 'inline');
−
      b_fr.style.display = "none";
+
       $('.l_ch').css('display', 'none');
−
      a_it.style.display = "none";
+
       $('.l_ru').css('display', 'none');
−
      b_it.style.display = "none";
+
       $('.l_jp').css('display', 'none');
−
      a_de.style.display = "inline";
 
−
       b_de.style.display = "inline";
 
−
       a_ch.style.display = "none";
 
−
       b_ch.style.display = "none";
 
−
       a_ru.style.display = "none";
 
−
      b_ru.style.display = "none";
 
−
      a_jp.style.display = "none";
 
−
      b_jp.style.display = "none";
 
 
       break;
 
       break;
−
     case ch:
+
     case "ch":
−
       a_en.style.display = "none";
+
       $('.l_en').css('display', 'none');
−
      b_en.style.display = "none";
+
       $('.l_es').css('display', 'none');
−
      a_es.style.display = "none";
+
       $('.l_fr').css('display', 'none');
−
      b_es.style.display = "none";
+
       $('.l_it').css('display', 'none');
−
      a_fr.style.display = "none";
+
       $('.l_de').css('display', 'none');
−
      b_fr.style.display = "none";
+
       $('.l_ch').css('display', 'inline');
−
       a_it.style.display = "none";
+
       $('.l_ru').css('display', 'none');
−
       b_it.style.display = "none";
+
       $('.l_jp').css('display', 'none');
−
       a_de.style.display = "none";
 
−
       b_de.style.display = "none";
 
−
       a_ch.style.display = "inline";
 
−
       b_ch.style.display = "inline";
 
−
      a_ru.style.display = "none";
 
−
      b_ru.style.display = "none";
 
−
      a_jp.style.display = "none";
 
−
       b_jp.style.display = "none";
 
 
       break;
 
       break;
−
     case ru:
+
     case "ru":
−
       a_en.style.display = "none";
+
       $('.l_en').css('display', 'none');
−
      b_en.style.display = "none";
+
       $('.l_es').css('display', 'none');
−
      a_es.style.display = "none";
+
       $('.l_fr').css('display', 'none');
−
      b_es.style.display = "none";
+
       $('.l_it').css('display', 'none');
−
      a_fr.style.display = "none";
+
       $('.l_de').css('display', 'none');
−
      b_fr.style.display = "none";
+
       $('.l_ch').css('display', 'none');
−
       a_it.style.display = "none";
+
       $('.l_ru').css('display', 'inline');
−
       b_it.style.display = "none";
+
       $('.l_jp').css('display', 'none');
−
       a_de.style.display = "none";
 
−
       b_de.style.display = "none";
 
−
       a_ch.style.display = "none";
 
−
       b_ch.style.display = "none";
 
−
      a_ru.style.display = "inline";
 
−
      b_ru.style.display = "inline";
 
−
       a_jp.style.display = "none";
 
−
      b_jp.style.display = "none";
 
 
       break;
 
       break;
−
     case jp:
+
     case "jp":
−
       a_en.style.display = "none";
+
       $('.l_en').css('display', 'none');
−
      b_en.style.display = "none";
+
       $('.l_es').css('display', 'none');
−
      a_es.style.display = "none";
+
       $('.l_fr').css('display', 'none');
−
      b_es.style.display = "none";
+
       $('.l_it').css('display', 'none');
−
      a_fr.style.display = "none";
+
       $('.l_de').css('display', 'none');
−
      b_fr.style.display = "none";
+
       $('.l_ch').css('display', 'none');
−
       a_it.style.display = "none";
+
       $('.l_ru').css('display', 'none');
−
       b_it.style.display = "none";
+
       $('.l_jp').css('display', 'inline');
−
       a_de.style.display = "none";
 
−
       b_de.style.display = "none";
 
−
       a_ch.style.display = "none";
 
−
       b_ch.style.display = "none";
 
−
       a_ru.style.display = "none";
 
−
      b_ru.style.display = "none";
 
−
      a_jp.style.display = "inline";
 
−
      b_jp.style.display = "inline";
 
 
       break;
 
       break;
−
     case en:
+
     default:
−
       a_en.style.display = "inline";
+
       $('.l_en').css('display', 'inline');
−
       b_en.style.display = "inline";
+
       $('.l_es').css('display', 'none');
−
      a_es.style.display = "none";
+
       $('.l_fr').css('display', 'none');
−
      b_es.style.display = "none";
+
       $('.l_it').css('display', 'none');
−
      a_fr.style.display = "none";
+
       $('.l_de').css('display', 'none');
−
      b_fr.style.display = "none";
+
       $('.l_ch').css('display', 'none');
−
      a_it.style.display = "none";
+
       $('.l_ru').css('display', 'none');
−
      b_it.style.display = "none";
+
       $('.l_jp').css('display', 'none');
−
      a_de.style.display = "none";
 
−
      b_de.style.display = "none";
 
−
       a_ch.style.display = "none";
 
−
       b_ch.style.display = "none";
 
−
       a_ru.style.display = "none";
 
−
       b_ru.style.display = "none";
 
−
       a_jp.style.display = "none";
 
−
       b_jp.style.display = "none";
 
 
   }
 
   }
 
}
 
}
 
</script>
 
</script>
  
−
<select id="oLang" onchange="changeLanguage(this)">
+
<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.

Retrieved from "https://underwiki.com/index.php?title=Widget:Language&oldid=3214"