entferntes element formatieren mit onmouseover

[cr]

Hallo,

ich wöllte gerne, dass wenn man über ein element mit der maus  fährt, dass dann ein wort was sich auch auf dieser seite befindet anders färbt.

wie bekommt man das hin?

vielen dank für eure hilfe.

cr

[Thorsten F.]

Hi,
gehts etwas genauer?
Eventuell ein bißchen Code usw.

Güße,
Thorsten F.

[cr]

hi,

code gibts noch keinen, aber stell es dir ungefähr so vor.

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.

cr

[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