Browser Lokalisierung und zeigen von bestimmten inhalten

Hey,

Du erstellst ein Select mit den Sprachen die du haben willst. Danach initialisierst du die Select Box in JavaScript. Danach fügst du diesem einen Event Listener hinzu. Z.b change. In der Funktion welche dann ausgeführt wird, wird die Value mittels Ajax an ein PHP Script gesendet.

Nun hast du im PHP Script den Wert der ausgewählten Sprache und führst Bedingungen aus welche dann je nach Wert die entsprechenden Dateien hinzufügen.

Grüße,

Stef

Du kannst die IP Adresse des Users ermitteln und darüber weißt Du dann aus welchem Land der User auf deine Seite zugreift. Das ist soweit ich weiß die üblichste Methode.

https://www.a-coding-project.de/ratgeber/php/geolocation

Du kannst auch mit Javascript

navigator.language

Dann hast du de Sprache des Browsers. Das wird in den meisten fällen schon passen aber 100% sicher ist das herkunfstland auch nicht.

Dann lieber das was DER sagte und mit der Api arbeiten.Gibt auch schon möglichkeiten das du mit der Api und der Ip adresse die Stadt erkennen kannst wo der User her kommt.

Eine weitere Option ist die Auswertung des HTTP-Headers Accept-Language:

https://stackoverflow.com/ques…30/php-language-detection

Sie empfehlen dies als bevorzugte Methode:

https://stackoverflow.com/ques…th-javascript-client-side

dazu must du dir ein array an legen oder ein paar if abfragen

zb

if(navigator.language=='de-DE'){
var sprache='Deutschen';
}
if(navigator.language=='en-EN'){
var sprache='Englischen';
}
usw...
console.log('Der User hat einen '+sprache+' Browser');

Meinst du das so ? Kann man auch mit arra oder case machen

Wie es geht, wird hier mit einem Beispiel beschrieben, was fast genau auf deine Aufgabenstellung passt:

https://wiki.selfhtml.org/wiki/JavaScript/Navigator/language

Warum ist es denn bei dir nicht möglich, es serverseitig zu machen?

Anscheinend geht es mal wieder nicht, ohne eine fertige Lösung zu posten. So funktioniert es:

    <style>
        .langspec-content {
            display: none;
        }
    </style>
    <div class="langspec-content" id="content-german">
        Dies ist der deutsche Text
    </div>
    <div class="langspec-content" id="content-english">
        This is the english text
    </div>
    <div class="langspec-content" id="content-default">
        Dies ist der Default-Text, wenn keine Sprache erkannt wird
    </div>
    <script>
        if (navigator.language.indexOf("en") > -1) {
            document.getElementById("content-english").style.display = "block";
        } else if (navigator.language.indexOf("de") > -1) {
            document.getElementById("content-german").style.display = "block";
        } else {
            document.getElementById("content-default").style.display = "block";
        }
    </script>

Zitat von Sempervivum

Anscheinend geht es mal wieder nicht, ohne eine fertige Lösung zu posten. So funktioniert es:

Ja das ist halt so.Wenn man sich deinen Link ankucken würde hätte man eigentlich ja schon fast nee fertige Lösung.