Automatisches Übersetzen einer Seite ohne JS
Guten Tag,
ich verkaufe auf ebay Artikel und der Textinhalt ist dabei auf Deutsch.
Ich möchte bei einem deutschen Kunden Text A anzeigen lassen und bei einem englischen Kunden Text B.
Wie kann ich das machen? Die Seite darf dabei nicht verlassen werden.
Ich stelle mir das so vor, dass es fertige Textbausteine gibt und der Browser nach dem prüfen das Richtige anzeigt.
Es gibt dabei noch ein paar Regeln, an die ich mich halten muss.
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<style>
*{
margin:5px;
}
.checkboxen{
position:absolute;
top:-1000px;
left:-1000px;
}
label{
cursor:pointer;
}
.eng{
display:none;
}
#englisch:checked ~ .eng,
#englisch:checked ~ div div .eng ,
#englisch:checked ~ div div span ~ span div .eng {
display:block;
background:lightgreen;
}
#englisch:checked ~ .deu,
#englisch:checked ~ div div .deu,
#englisch:checked ~ div div span ~ span div .deu {
display:none;
}
img{
width:80px
}
</style>
<label for="englisch" title="Schalten sie hier von Deutsch in Englischer Sprache um">
deutsch englisch toggle
</label>
<br>
<br>
<input class="checkboxen" type="checkbox" id="englisch">
<div class="eng"><h3>Englischer text</h3>
this is englisch gelaber
</div>
<div class="deu"><h3>Deutscher text</h3>
Und hier detsches gequatsche
</div>
<h3> lorem ipsum lorem ipsum</h3>
<div class="eng"><h3>Englischer text 2</h3>
this is englisch gelaber
</div>
<div class="deu"><h3>Deutscher text 2</h3>
Und hier detsches gequatsche
</div>
<h3> lorem ipsum lorem ipsum</h3>
<div>lorem ipsum
<div>lorem ipsum
<div class="eng"><h3>Englischer text 3</h3>
this is englisch gelaber
</div>
<div class="deu"><h3>Deutscher text 3</h3>
Und hier detsches gequatsche
</div>
</div>
</div>
<h3> lorem ipsum lorem ipsum</h3>
<div>lorem ipsim
<div>lorem ipsim
<span>lorem ipsim</span>
<span>lorem ipsim</span>
<span>lorem ipsim
<div class="eng"><h3>Englischer text 4</h3>
this is englisch gelaber
</div>
<div class="deu"><h3>Deutscher text 4</h3>
Und hier detsches gequatsche
</div>
</span>
</div>
</div>