Onmouseover-text In Css Einstellungen

[Gast_Apeman_*]

Hallo,

ich habe feststellen müssen, das der Firefox verschiedene Sachen nicht anzeigt, so z.B. einen onMouseover-Textwandel nach diesem Beispiel.

QUELLTEXT

<div id="Test">&nbsp;</div>

<map name="bedienung">
<area shape="circle" coords="60,45,15" title="Green Power" onMouseover="document.all.Test.innerText='Die Green-Power-Taste'" onMouseout="document.all.Test.innerText=''">

Da ich auch nicht unbedingt ein Freund von JavaScript bin, ist meine Frage: Gibt es eine Möglichkeit mittels CSS einen onMouseover- Effekt so hin zukriegen, das sich im HTML-Dokumnet kein Text dynamisch ändert?

Wenn ja, hat jemand eine Idee wie? Bitte ein Beispiel, ich will dazulernen.

Danke sehr

[Gast_heinzelhund_*]

Hallo,

ein offensichtliches Problem in deinem Script ist 'document.all'. Hierbei handelt es sich um eine DHTML-Konvention von MS. Wird in der Gecko-Engine nicht interpretiert, da nicht W3C-konform.

Mit 'document.getElementById() ' kannst du zunächst deine Elemente ansprechen. Wird interpretiert vom IE5+, Moz, NS 6+, Opera etc..

Ferner dürfte 'innerText' nicht W3C-konform sein. Hier könntest du mit 'Textknoten' arbeiten. Funktioniert in den oben genannten Browsern.

Siehe W3C DOM2-Model
selfHTML: nodes

Ciao
Heinzelhund

Der Beitrag wurde von heinzelhund bearbeitet: 15.06.2004 - 19:15