Mit JS Text ändern

[Aqua]

Hallo!

Wenn ich mit der Maus über [DIESES]  Bild fahre,
soll sich in [DIESEM] <span id="foo"> der Text "Hallo Welt" eintragen.

Wenn ich wegfahre soll der Text auch verschwinden.

Wie geht das bitte?

Danke!
Aqua

[XaraX]

Hallo Aqua,

das kannst Du über die Methoden innerHTML oder nodeValue + firstChild:

http://selfhtml.teamone.de/javascript/objekte/all.htm#inner_html
(Anmerkung: wird nunmehr auch von den neusten Geckos unterstützt und nicht nur vom IE und braucht all nicht)

http://selfhtml.teamone.de/javascript/objekte/node.htm#node_value
http://selfhtml.teamone.de/javascript/objekte/node.htm#first_child

Auf das Element <span id="foo"> kannst Du mittels getElementByID("foo") zugreifen:

http://selfhtml.teamone.de/javascript/objekte/document.htm#get_element_by_id

Zum auslösen eines Hover-Effektes bediene Dich der passenden EventHandler onMouseover und onMouseout:

http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onmouseover
http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onmouseout

Und für Deine nächste Frage sei so frei und gucke doch mal erst unter http://selfhtml.teamone.de/javascript/index.htm nach, ob sich dort nicht etwas passendes finden läßt!

Gruß aus Berlin!
eddi

[siro]

Hallo.

Oder du machst es ganz ohne Javascript mit CSS.
Einfach span ins Bild packen vorher verstecken und
danach wieder auftauchen lassen.

a span{ visibility: hidden }
a:hover span { visibility: visible; }

Mehr Infos?
http://css.fractatulum.net/sample/experimente4.htm

MfG _Siro.

[Cybaer]

Hi,

Einfach span ins Bild packen vorher verstecken und
danach wieder auftauchen lassen.

Und auf Browsern ohne (oder deaktiviertem) CSS sind dann immer beide Texte gleichzeitig zu sehen - sollte man vielleicht noch als "Pferdefuß" erwähnen ... ;-)

Gruß, Cybaer

[MAB]

Hi Aqua

Ich kann dir, wie XaraX schon erwähnt hat innerHTML empfehlen. Ich habs auf meiner Page auch so gelöst, funktioniert bestens.

Mfg MAB