✔ Roll over ohne <a...> tag

strukturart

strukturart

Erfahrenes Mitglied
Hallo,

ich arbeite gerade an eine Bilingualen Seite, nun möchte ich es das switchen der Sprachen mit einen Roll Over effekt gestalten.
Also wenn man über einen deutschen Text fährt soll er durch einen frazösischen ersetzt werden
und umgekehrt.

Wie setze ich so was denn am besten um?
 
Mit Javascript/jQuery....
Je nachdem, wie groß die einzelnen Teile sind, die übersetzt werden sollen, würde ich das mit DIVs oder Absätzen machen...
 
Nur schnell bei SelfHTML rauskopiert, dürfte mit Abstand die einfachste Variante sein:

PHP: 
<html><head><title>Test</title>
</head><body>
<h1 id="Test"
 onmouseover="this.innerHTML = 'Sehen Sie?'"
 onmouseout="this.innerHTML = 'Ich bin dynamisch'">Ich bin dynamisch</h1>
</body></html>

onmouseover = wenn du mit der Maus drüber fährst, hier schreibst du dann den übersetzten Text rein
onmouseout = wenn du mit der Maus wieder vom Element runter fährst, hier schreibst du den ursprünglichen Text rein

Das sollte mit anderen HTML-Elementen auch funktionieren, da könnte nur die Syntax anders sein. Statt this.innerHTML dann halt was anderes, musst du bisschen googlen. Damit kenn ich mich auch kaum aus.

Gruß
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück