entferntes element formatieren mit onmouseover

[Gunnar Bittersmann]

Hello out there!

du hast ein bild.
darunter einen text.
sobald nun der cursor über das bild fährt, soll der text z.b. blau werden oder so.

Es muss sowohl das Bild als auch die Textstelle ansprechbar sein, also beidem jeweils eine ID geben:

<img id="foo" src="bar" alt="baz" />  
<p>Lorem ipsum <span id="quz">dolor</span> sit amet.</p>

Im JavaScript (im head oder einer externen Datei) legst du fest, was beim onmouseover-Event für das Bild passieren soll. Dazu holst du die die Referenz mit http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id@title=document.getElementById().

Diese ist erst verfügbar, wenn das Element auch schon geladen ist, also mit dem Event window.onload aufrufen.

Referenz der Textpassage holen und über das http://de.selfhtml.org/javascript/objekte/style.htm@title=style-Objekt das Element entsprechend formatieren.

window.onload = function ()  
{  
  document.getElementById("foo").onmouseover = function ()  
  {  
    document.getElementById("quz").style.color = "blue";  
  };  
};

See ya up the road,
Gunnar