Text tauschen span
mmtom
- css
Hi,
sicher ist die Frage schon 1000x beantwortet - aber ich such jetzt schon ne Stunde und hab nix passendes gefunden:
Ich hab einen span tag, innerhalb dessen text steht >>> [... <lat.fr.> der; Definition <<<
Wenn ich mit der Mouse über diesen Text geh, sollte sich einfach der Text austauschen und beim Mouseout wieder der alte Text erscheinen.
Das ganze ohne JS
canUhelpMe please
Thanx
Tom
hi,
Wenn ich mit der Mouse über diesen Text geh, sollte sich einfach der Text austauschen und beim Mouseout wieder der alte Text erscheinen.
Das ganze ohne JS
dann suche nach "pure css popups".
gruß,
wahsaga
Hi!
Hab jetzt doch was gefunden: EventHandler!
Das Problem ist, dass ich spezielle Zeichen im Text hab:
<span class="lexikalisch" id="lex_de_en"
onMouseover="this.innerHTML='[... <lat.-fr.>, sophistication, refinement [also of manners], skill]'"
onMouseout="this.innerHTML='[... <lat.-fr.> der; -s: [Welt]gewandheit, Schliff [im Benehmen], Geschick]'">
[... <lat.fr.> der; -s: [Welt]gewandheit, Schliff [im Benehmen], Geschick]
</span>
Beim MouseOver und nach MouseOut werden die öffnenden Spitzen Klammern (< > und auch was dazwischen steht nicht mehr angezeigt.
Der Rest passt!
Wie bekomm ich das jetzt noch hin???
Vielen Dank
Tom
Hi!
Hab jetzt doch was gefunden: EventHandler!
Das ist Javascript.
gruß
peter
Ok kann ich damit leben, dass das JavaScript ist!
Nicht leben kann ich damit, dass mir der Teil:
<lat.-fr.>
einfach nicht angezeigt wird!
Dank
Tom
Hallo,
Ok kann ich damit leben, dass das JavaScript ist!
Nicht leben kann ich damit, dass mir der Teil:
<lat.-fr.>
einfach nicht angezeigt wird!
onMouseover="this.innerHTML='[... <lat.-fr.>, sophistication, refinement [also of manners], skill]'"
Nehmen wir's mal auseinander:
Wertzuweisung:
this.innerHTML='[... <lat.-fr.>, sophistication, refinement [also of manners], skill]'
Danach ist innerHTML = "[... <lat.-fr.>, sophistication, refinement [also of manners], skill]"
Anwendung als HTML:
[... <lat.-fr.>, sophistication, refinement [also of manners], skill]
^--Tag---^
<span class="lexikalisch" id="lex_de_en"
onMouseover="this.innerHTML='[... &lt;lat.-fr.&gt;, sophistication, refinement [also of manners], skill]'"
onMouseout="this.innerHTML='[... &lt;lat.-fr.&gt; der; -s: [Welt]gewandheit, Schliff [im Benehmen], Geschick]'">
[... <lat.fr.> der; -s: [Welt]gewandheit, Schliff [im Benehmen], Geschick]
</span>
viele Grüße
Axel