KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 11: | Zeile 11: | ||
var supported_languages = { | var supported_languages = { | ||
"de": " | "de": "de", | ||
"en": " | "en": "en", | ||
"fr": " | "fr": "fr", | ||
// beliebig erweiterbar | // beliebig erweiterbar | ||
}; | }; | ||
Zeile 31: | Zeile 31: | ||
} | } | ||
} else { | } else { | ||
var default_language = document.querySelectorAll('.language. | var default_language = document.querySelectorAll('.language.de'); | ||
for (i = 0; i < default_language.length; i++) { | for (i = 0; i < default_language.length; i++) { | ||
default_language[i].style.display = "block"; | default_language[i].style.display = "block"; | ||
Zeile 40: | Zeile 40: | ||
// deutsch button | // deutsch button | ||
var | var language_toggle_de = document.querySelectorAll('.language-toggle-de'); | ||
for (i = 0; i < | for (i = 0; i < language_toggle_de.length; i++) { | ||
language_toggle_de[i].addEventListener('click', function(event) { | |||
var language_elements = document.querySelectorAll('.language'); | var language_elements = document.querySelectorAll('.language'); | ||
for (i = 0; i < language_elements.length; i++) { | for (i = 0; i < language_elements.length; i++) { | ||
language_elements[i].style.display = "none"; | language_elements[i].style.display = "none"; | ||
} | } | ||
var | var language_de = document.querySelectorAll('.language.de'); | ||
for (i = 0; i < | for (i = 0; i < language_de.length; i++) { | ||
language_de[i].style.display = "block"; | |||
} | } | ||
}); | }); | ||
Zeile 55: | Zeile 55: | ||
// englisch button | // englisch button | ||
var | var language_toggle_en = document.querySelectorAll('.language-toggle-en'); | ||
for (i = 0; i < | for (i = 0; i < language_toggle_en.length; i++) { | ||
language_toggle_en[i].addEventListener('click', function(event) { | |||
var language_elements = document.querySelectorAll('.language'); | var language_elements = document.querySelectorAll('.language'); | ||
for (i = 0; i < language_elements.length; i++) { | for (i = 0; i < language_elements.length; i++) { | ||
language_elements[i].style.display = "none"; | language_elements[i].style.display = "none"; | ||
} | } | ||
var | var language_en = document.querySelectorAll('.language.en'); | ||
for (i = 0; i < | for (i = 0; i < language_en.length; i++) { | ||
language_en[i].style.display = "block"; | |||
} | } | ||
}); | }); | ||
Zeile 70: | Zeile 70: | ||
// französisch button | // französisch button | ||
var | var language_toggle_fr = document.querySelectorAll('.language-toggle-fr'); | ||
for (i = 0; i < | for (i = 0; i < language_toggle_fr.length; i++) { | ||
language_toggle_fr[i].addEventListener('click', function(event) { | |||
var language_elements = document.querySelectorAll('.language'); | var language_elements = document.querySelectorAll('.language'); | ||
for (i = 0; i < language_elements.length; i++) { | for (i = 0; i < language_elements.length; i++) { | ||
language_elements[i].style.display = "none"; | language_elements[i].style.display = "none"; | ||
} | } | ||
var | var language_fr = document.querySelectorAll('.language.fr'); | ||
for (i = 0; i < | for (i = 0; i < language_fr.length; i++) { | ||
language_fr[i].style.display = "block"; | |||
} | } | ||
}); | }); | ||
} | } |
Version vom 11. Juni 2019, 15:09 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 = "block"; } var supported_languages = { "de": "de", "en": "en", "fr": "fr", // 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 = "block"; } } else { var default_language = document.querySelectorAll('.language.de'); for (i = 0; i < default_language.length; i++) { default_language[i].style.display = "block"; } } // hier die funktion der buttons // deutsch button var language_toggle_de = document.querySelectorAll('.language-toggle-de'); for (i = 0; i < language_toggle_de.length; i++) { language_toggle_de[i].addEventListener('click', function(event) { var language_elements = document.querySelectorAll('.language'); for (i = 0; i < language_elements.length; i++) { language_elements[i].style.display = "none"; } var language_de = document.querySelectorAll('.language.de'); for (i = 0; i < language_de.length; i++) { language_de[i].style.display = "block"; } }); } // englisch button var language_toggle_en = document.querySelectorAll('.language-toggle-en'); for (i = 0; i < language_toggle_en.length; i++) { language_toggle_en[i].addEventListener('click', function(event) { var language_elements = document.querySelectorAll('.language'); for (i = 0; i < language_elements.length; i++) { language_elements[i].style.display = "none"; } var language_en = document.querySelectorAll('.language.en'); for (i = 0; i < language_en.length; i++) { language_en[i].style.display = "block"; } }); } // französisch button var language_toggle_fr = document.querySelectorAll('.language-toggle-fr'); for (i = 0; i < language_toggle_fr.length; i++) { language_toggle_fr[i].addEventListener('click', function(event) { var language_elements = document.querySelectorAll('.language'); for (i = 0; i < language_elements.length; i++) { language_elements[i].style.display = "none"; } var language_fr = document.querySelectorAll('.language.fr'); for (i = 0; i < language_fr.length; i++) { language_fr[i].style.display = "block"; } }); }