Probleme mit Übersetzungen beim Sprachwechsel in einer Webanwendung

Marinek

Marinek

Bekanntes Mitglied
Wie sieht den der Quellcode dafür aus?

Was hast du geändert, seit dem die Flaggen nicht mehr da sind?

Garantiert ist es so, dass hier einfach der HTML Code falsch ist. Hast du das überprüft?
 
Oneixee5

Oneixee5

Top Contributor
In dem Playground ist das doch egal, probier es einfach ohne Flaggen. Wenn du ein richtiges Projekt bei dir machen willst, dann verwendest du die Flaggen wie bisher, z.B. über einen Link auf einen Ordner images - oder so ...

Creating a Project | Vue CLI

🛠️ Standard Tooling for Vue.js Development
cli.vuejs.org cli.vuejs.org
Code: 
npm install -g @vue/cli
vue create my-project
 
Zuletzt bearbeitet:
kay86

kay86

Mitglied

Oneixee5: Wie kann ich im Framework die Übersetzungsfunktion für mein Label der Eingabefelder und die Schrift der Buttons im HTML-Bereich mit einbeziehen in die Übersetzungsfunktion?​

Java: 
    <label for="sku" id="sku-label" data-id="sku-label">SKU:</label>
    <label for="description" id="description-label" data-id="description-label">Beschreibung:</label>
        <label for="color" id="color-label" data-id="color-label">Farbe:</label>
        <label for="size" id="size-label" data-id="size-label">Größe:</label>
    
    <div class="button-grid">
      <button type="submit" id="btnSubmit" data-id="btnSubmit">Submit</button>
      <button type="reset" id="btnReset" data-id="btnReset">Reset</button>
      <button class="print-button" id="btnPrint" data-id="btnPrint" onclick="printPage()">Print</button>
    </div>
  </form>


<div class="schalter-container">
  <div class="schalter-wrapper" data-switch="autoreset" data-label="Auto-Reset"></div>
  <div class="schalter-wrapper" data-switch="faultySwitch" data-label="Faulty-Label" data-onchange="toggleFaultLabel()"></div>
  <div class="schalter-wrapper" data-switch="autoDisplaySwitch" data-label="Auto-Eingabe" data-onchange="toggleAutoDisplay()"></div>
</div>


     // Dynamisches Rendern der Schalter
  document.querySelectorAll(".schalter-wrapper").forEach((wrapper) => {
    const switchId = wrapper.dataset.switch;
    const labelText = wrapper.dataset.label;
    const onchangeFunction = wrapper.dataset.onchange || "";
 
    wrapper.innerHTML = `
      <label for="${switchId}">${labelText}</label>
      <div class="onoffswitch">
        <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="${switchId}" ${
      onchangeFunction ? `onchange="${onchangeFunction}"` : ""
    }>
        <label class="onoffswitch-label" for="${switchId}">
          <span class="onoffswitch-inner"></span>
          <span class="onoffswitch-switch"></span>
        </label>
      </div>
    `});
 
Oneixee5

Oneixee5

Top Contributor
Was meinst du mit Framework? Vue.js? -> Man verwendet hier Components, mit einer Property. Diese kann man mit einem Watcher oder einem Computed auswerten.
Der Bereich "// Dynamisches Rendern der Schalter" ist für Vue ungeeignet. Ich kann mir nicht so richtig erklären was du dort erreichen willst. Du solltest dir den Abschnitt https://vuejs.org/api/built-in-directives.html durchlesen. Ansonsten kannst du dein Problem im Playground vorbereiten, dann kann dir effektiver geholfen werden.

Ansonsten hier noch mal ein anderer Ansatz über CSS: https://jsfiddle.net/8ya6udwx/7/
Der Listener am Button ändert nur das HTML-Tag: <html lang="en"> zu <html lang="de"> und zurück. Die Übersetzung steht dann im CSS.
 
kay86

kay86

Mitglied
Dank ich werde es mir morgen anschauen.habe heute damit zugebracht meine Flaggen als sprach Auswahl zu verwenden ,an Stelle von Buttons.Vue.js ist es es nicht eine Framework Bibliothek,wen ich mich falsch ausgedrückt habe dan entschuldige ich mich.es ist so mein Formular besteht ja nicht nur aus dem Tooltip mit der Textanleitung sondern das Formulare hat ja auch Eingabefelder und Buttons Mit Beschriftung/Bezeichnung.es wehre ja völlig sinnlos ein Tooltip Inhalt der gewählten Sprache zu übersetzen aber den Rest nicht.Das ist ja wie als wehre alles auf chinesisch und der Anwender weiß nicht was was ist .Wen ich schon den Aufwand betreibe dann kann. Ich ja auch das zuvor genannte mit einbeziehen in der Übersetzungs Funktion.ich hoffe ich konnt mich verständlicher ausdrucken zum Verständnis?
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
M fetch - API - Probleme? JavaScript Angular, React, JQuery - Fragen zu JavaScript 3
M JavaScript - Fetch Probleme Angular, React, JQuery - Fragen zu JavaScript 0
M Fetch Probleme - JavaScript? Angular, React, JQuery - Fragen zu JavaScript 1
R Probleme mit Angular | Gängige Strukturen und Herangehensweisen Angular, React, JQuery - Fragen zu JavaScript 3
B Probleme bei der Ausgabe eines Objektes. Angular, React, JQuery - Fragen zu JavaScript 2
P Probleme beim Save Operator mit Bootstrap Angular, React, JQuery - Fragen zu JavaScript 1
Z Timer Probleme Angular, React, JQuery - Fragen zu JavaScript 3
S Probleme beifind method (window) Angular, React, JQuery - Fragen zu JavaScript 1
DeVolt Probleme mit onreadystatechange Angular, React, JQuery - Fragen zu JavaScript 2
N Probleme, JavaScript anzupassen Angular, React, JQuery - Fragen zu JavaScript 5
V Spritely - Probleme bei mehrzeiliger Bilddatei - momentaner Frame Angular, React, JQuery - Fragen zu JavaScript 2
O Probleme mit Web Navigation! Angular, React, JQuery - Fragen zu JavaScript 6
P Probleme mit Java Countdown Angular, React, JQuery - Fragen zu JavaScript 4
M Probleme mit anzeige Angular, React, JQuery - Fragen zu JavaScript 5
B Probleme mit einem JavaScript Angular, React, JQuery - Fragen zu JavaScript 3
M probleme mit JavaScript programmierung Angular, React, JQuery - Fragen zu JavaScript 2
G Probleme mit window.scrollTo(x, y); Angular, React, JQuery - Fragen zu JavaScript 2
Heike Probleme bei Cookies setzen Angular, React, JQuery - Fragen zu JavaScript 2
G Probleme mit Voting-Skript Angular, React, JQuery - Fragen zu JavaScript 2
M 2 PopUps auf einer .htm...Probleme Angular, React, JQuery - Fragen zu JavaScript 2
P Probleme mit POPUP Window Angular, React, JQuery - Fragen zu JavaScript 2
P Editor- mit javascript Sonderzeichen beim schreiben vorschlagen Angular, React, JQuery - Fragen zu JavaScript 0
C Problem beim Laden des Saalplans Angular, React, JQuery - Fragen zu JavaScript 5
F [S] Hilfe beim JavaScript auf Homepage Angular, React, JQuery - Fragen zu JavaScript 4
C JavaScript aus Servlet starten beim IE9 Angular, React, JQuery - Fragen zu JavaScript 6
Developer_X Java Script, Problem beim staten Angular, React, JQuery - Fragen zu JavaScript 22
G Problem beim Einbinden von JAVA-Dropdown-Menu Angular, React, JQuery - Fragen zu JavaScript 7
G anderes KOntextMenü beim rechtsclick auf website! Angular, React, JQuery - Fragen zu JavaScript 5
D kleines problemchen beim anfänger Angular, React, JQuery - Fragen zu JavaScript 13
J Bild-Link in neuer Seite öffnen, die beim Klicken schließt Angular, React, JQuery - Fragen zu JavaScript 4
F Browser-/OS-Abfrage beim Laden einer Internetseite Angular, React, JQuery - Fragen zu JavaScript 3
T Alert Box beim window close --> totaler Noob Angular, React, JQuery - Fragen zu JavaScript 4

Ähnliche Java Themen

Aktuelle Jobs

Neue Themen


Oben