Difference between revisions of "Widget:Language"

From UnderWiki
Jump to navigation Jump to search
(Created page with "<noinclude> This widget inserts a language picker. </noinclude><includeonly> <script> var a_en = document.getElementById("title_en"); var a_es = document.getElementById("t...")
 
 
(4 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
This widget inserts a language picker.
 
This widget inserts a language picker.
 
</noinclude><includeonly>
 
</noinclude><includeonly>
 +
<style>
 +
#lang {
 +
    border-color: #666;
 +
    color: #c1c1c1;
 +
    background-color: #4c4c4c;
 +
}
 +
</style>
 
<script>
 
<script>
−
  var a_en = document.getElementById("title_en");
+
function changeLanguage(lang) {
−
  var a_es = document.getElementById("title_en");
+
   var lang_sel = lang.value;
−
  var a_fr = document.getElementById("title_en");
+
   switch(lang_sel)
−
  var a_it = document.getElementById("title_en");
 
−
  var a_de = document.getElementById("title_en");
 
−
  var a_ch = document.getElementById("title_en");
 
−
  var a_ru = document.getElementById("title_en");
 
−
  var a_jp = document.getElementById("title_en");
 
−
  var b_en = document.getElementById("title_en");
 
−
  var b_es = document.getElementById("title_en");
 
−
  var b_fr = document.getElementById("title_en");
 
−
  var b_it = document.getElementById("title_en");
 
−
  var b_de = document.getElementById("title_en");
 
−
  var b_ch = document.getElementById("title_en");
 
−
  var b_ru = document.getElementById("title_en");
 
−
  var b_jp = document.getElementById("title_en");
 
−
 
 
−
function changeLanguage() {
 
−
   var l = document.getElementById("oLang").value;
 
−
   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()">
+
<select id="lang" onchange="changeLanguage(this)">
−
<option value="en">EN - English</option>
+
<option value="en" selected>EN - English</option>
 
<option value="es">ES - Español</option>
 
<option value="es">ES - Español</option>
 
<option value="fr">FR - Français</option>
 
<option value="fr">FR - Français</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"