Difference between revisions of "Widget:Language"

From UnderWiki
Jump to navigation Jump to search
 
(One intermediate revision 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");
 
  var a_es = document.getElementById("title_es");
 
  var a_fr = document.getElementById("title_fr");
 
  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(lang) {
 
function changeLanguage(lang) {
 
   var lang_sel = lang.value;
 
   var lang_sel = lang.value;
Line 32: Line 15:
 
   {
 
   {
 
     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;
 
     default:
 
     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";
 
 
   }
 
   }
 
}
 
}

Latest revision as of 11:31, 28 March 2019

This widget inserts a language picker.