Hallo Liebe Gemeinde!
Hier sollte mein 3 sprachiger Code zum Zug kommen
https://www.viajesdelsuizo.com/index_multi.html
Hier ist die Grundlage im HTML
https://www.viajesdelsuizo.com/
Nun löscht diese Zeile im main.css alle Felder die mit class="lang es de en" getagt sind wie kann ich machen, dass es mir es die Browsersprache anzeigt
https://www.viajesdelsuizo.com/assets/css/main.css
Code
/* Im Style werden alle .lang-Elemente erstmal ausgeblendet. */
.lang{
display: none;
}
/* und die Aktuelle Sprache wird eingeblendet */
#lang-de .de,#lang-en .en,#lang-es .es {
display: block;
}Hier noch das Javascript für die automatische Sprachewahl
Code
//Das Javascript so einfach wie Möglich
var language = window.navigator.userLanguage || window.navigator.language;
// Browser-Sprache auslesen
if(language.indexOf('es') !== -1) {
testsprache = 'es';
if else{
testsprache = 'de';
}
if else{
testsprache = 'en';
}
}
// Browser-Sprache an den Header anhängen
$('header').attr( "id",'lang-'+testsprache);
// Sprache wechseln (hier mit jquery auf bestimmte Links)
$(".languageswitcher").on('click',function(e){
e.preventDefault();
$("header").attr( "id",'lang-'+$(this).attr('lang'));
});
Wer kann mir helfen?
Vielen Dank