MediaWiki:Common.js: Unterschied zwischen den Versionen

Aktuelle Version vom 20. August 2024, 11:25 Uhr

/* Das folgende JavaScript wird für alle Benutzer geladen. */
var sp_country_codes = document.querySelectorAll("span.sp-country-code");
for (i = 0; i < sp_country_codes.length; i++) {
  sp_country_codes[i].innerHTML = navigator.language.substring(0, 2);
}

var default_language = document.querySelectorAll(".language.de");
for (i = 0; i < default_language.length; i++) {
  /*default_language[i].style.display = "inline";*/
    default_language[i].classList.add("inline");
}

var supported_languages = {
  de: "german",
  en: "english",
  fr: "french",
  // beliebig erweiterbar
};

// sprache des browsers
var browser_langues_code = navigator.language;
if (browser_langues_code.indexOf("-") != -1) {
  var browser_langues_code = browser_langues_code.substring(
    0,
    browser_langues_code.indexOf("-")
  );
}

// wird die sprache supportet auswählen
console.log(supported_languages[browser_langues_code]);
if (supported_languages[browser_langues_code] != undefined) {
  var default_language = document.querySelectorAll(
    ".language." + supported_languages[browser_langues_code]
  );
  for (i = 0; i < default_language.length; i++) {
    /*default_language[i].style.display = "inline";*/
      default_language[i].classList.add("inline");
  }
} else {
  var default_language = document.querySelectorAll(".language.german");
  for (i = 0; i < default_language.length; i++) {
    /*default_language[i].style.display = "inline";*/
      default_language[i].classList.add("inline");
  }
}

// hier die funktion der buttons

// deutsch button
var language_toggle_german = document.querySelectorAll(
  ".language-toggle-german"
);
for (i = 0; i < language_toggle_german.length; i++) {
  language_toggle_german[i].addEventListener("click", function (event) {
    var language_elements = document.querySelectorAll(".language");
    for (i = 0; i < language_elements.length; i++) {
      language_elements[i].classList.remove("inline");
      language_elements[i].classList.add("none");
    }
    var language_german = document.querySelectorAll(".language.german");
    for (i = 0; i < language_german.length; i++) {
      language_german[i].classList.remove("none");
      language_german[i].classList.add("inline");
    }
  });
}
// englisch button
var language_toggle_english = document.querySelectorAll(
  ".language-toggle-english"
);
for (i = 0; i < language_toggle_english.length; i++) {
  language_toggle_english[i].addEventListener("click", function (event) {
    var language_elements = document.querySelectorAll(".language");
    for (i = 0; i < language_elements.length; i++) {
      language_elements[i].classList.remove("inline");
      language_elements[i].classList.add("none");
    }
    var language_english = document.querySelectorAll(".language.english");
    for (i = 0; i < language_english.length; i++) {
      language_english[i].classList.remove("none");
      language_english[i].classList.add("inline");
    }
  });
}

// französisch button
var language_toggle_french = document.querySelectorAll(
  ".language-toggle-french"
);
for (i = 0; i < language_toggle_french.length; i++) {
  language_toggle_french[i].addEventListener("click", function (event) {
    var language_elements = document.querySelectorAll(".language");
    for (i = 0; i < language_elements.length; i++) {
      language_elements[i].classList.remove("inline");
      language_elements[i].classList.add("none");
    }
    var language_french = document.querySelectorAll(".language.french");
    for (i = 0; i < language_french.length; i++) {
      language_french[i].classList.remove("none");
      language_french[i].classList.add("inline");
    }
  });
}