Localization mit CSS und JS - Mehrsprachige Wbeseite

[Matthias Scharwies]

Servus!

Servus!

Hallo,

wie sollte man heutzutage eine mehrsprachige Webseite umsetzen, wenn dei Webseite nicht neugeladen werden soll.

Anstelle des Dropdown würde ich eine Linkliste anlegen: Internationalisierung#mehrsprachige_Webseiten

Dann denn ausgelesenen Sprachangabe per setAttribute in den body setzen.

CSS kannst du mit setPropertysetzen (JavaScript/Tutorials/Stylesheets_dynamisch ändern#CSSStyleDeclaration)

Korrektur:

Ich habe auf der Festplatte ein halbfertiges Beispiel, in dem die einzlenen Sprachabschnitte ein hidden-Attribut haben.

Bei einer Auswahl (ich habe doch ein select-Menü) muss dass hidden-Attribut auf der bisher aktiven section gesetzt und dann bei der gewählten section entfernt werden.

<form action="" method="get">
  <label for="language" lang="de">Diese Seite in einer anderen Sprache:</label>
  <select id="language" size="6">
      <option lang="de" value="de">Deutsch</option>
      <option lang="en" value="en">English</option>
      <option lang="es" value="es">Español</option>
      <option lang="fr" value="fr">Français</option>
      <option lang="ru" value="ru">Русский</option>
      <option lang="ar" value="ar">العربية</option>
    </select>
    <button>Ändern</button>
</form>

<section lang="de">
<h2>Die Energie des Verstehens</h2>
<p>Unser Motto lautet Die Energie des Verstehens. Wir wollen bei unseren Lesern nicht nur Wissen anhäufen, sondern vielmehr zum Verstehen verhelfen. Statt fertige Lösungen von der Stange anzubieten, rüsten wir unsere Leser mit dem nötigen Werkzeug zur Selbsthilfe aus. Wir beleuchten Fragen aus vielen unterschiedlichen Blickwinkeln und versuchen dabei stets, entdeckte Probleme für alle Beteiligten bestmöglich zu lösen.</p>
</section>

<section lang="en" hidden>
<h2>The Energy of Understanding</h2>
<p>Our motto is The Energy of Understanding. We do not just want to accumulate knowledge among our readers, but rather help them to understand. Instead of offering ready-made solutions off the shelf, we provide our readers with the necessary tools for self-help. We examine questions from many different perspectives and always try to solve problems that have been discovered for all involved in the best possible way.
</p>
</section>

Herzliche Grüße

Matthias Scharwies