Christian: bei mouseover über einer Grafik die Farbe eines Textlinks ändern

Hallo liebe Forumler,
Ich habe eine Grafik und einen Link, die zum gleichen Ziel verweisen. Wenn man über den Texlink fährt, ändert sich wie gewünscht die Linkfarbe (habe a:hover zugewiesen) und auch die Grafik. Nun möchte ich, dass das auch umgekehrt klappt. Sprich: Man fährt über die Grafik, und es ändert sich auch die Farbe des Textlinks.

Tja, und das klappt leider nicht. Ich habe schon mehrere Seiten dazu durchgelesen, finde aber den Fehler nicht.

  
<a href="index.php?seite=2" OnMouseover="Wechseln('graphik2','Tauschbild2b'); document.getElementByID('link2').style.color='#FFFFFF'" OnMouseout="Wechseln('graphik2','Tauschbild2a')"><img src="2/navi_hell.jpg" id="graphik2" class="navi" title="ab 2000"></a>  
  
<div class="navi navi_erstes"><a href="index.php?seite=2" class="navi" id="link2" OnMouseover="Wechseln('graphik2','Tauschbild2b')" OnMouseout="Wechseln('graphik2','Tauschbild2a')">ab 2000</a></div>  

WEnn ich über die obere GRafik fahre, ändert sich die Farbe des unteren
Textlinks nicht. Ich habe den Verdacht, dass das mit meinem Stylesheet zu tun hat. Allerdings hat auch das Löschen der Pseudoklassen nichts gebracht.

  
a.navi:link {  
 color: #608191;  
 text-decoration: none;  
}  
  
a.navi:visited {  
 color: #608191;  
 text-decoration: none;  
}  
  
a.navi:hover {  
 color: #316F8C;  
 text-decoration: underline;  
}  
  
a.navi:active {  
 color: #608191;  
 text-decoration: none;  
}  
  

Ich würde mich freuen, wenn mir jemand helfen könnte.

Danke!

Christian

  1. Hi,

    document.getElementByID('link2').style.color='#FFFFFF'"

    Die Fehlerkonsole des Browsers würde Dir verraten, daß es keine Funktion getElementByID gibt, wenn Du sie benutzen würdest.

    Javascript ist case-sensitive.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    1. Hallo,
      danke für die Tipps. Ihr hattet Recht, es lag am "ID" statt "Id". Ich werd das nächste Mal besser Acht geben.

      Grüße
      Christian

  2. <a href="index.php?seite=2" OnMouseover="Wechseln('graphik2','Tauschbild2b'); document.getElementByID('link2').style.color='#FFFFFF'" ...

      
    hast du mal in die Fehlerkonsole des Firefox geschaut was bei diesem Code passiert? Es müsste eine Meldung wie "...getElementByID... gibt's nicht" kommen. Das "D" passt so nicht.
    
  3. Hallo,

    Ich würde mich freuen, wenn mir jemand helfen könnte.

    Nur mal so als Tipp: Jedesmal, wenn du Skripte entwickelst, und die nicht funktionieren, solltest du zu aller erst in die Fehlerkonsole schauen. Wird der Fehler immer noch nicht sichtbar(sollte nicht passieren), dann nochmal alle Befehle im Skript durchkauen, die die Fehler verursachen könnten.

    Danke!

    Bitte!

    P.S.: Alle Guten dinge sind drei:
    getElementByID() gibts nicht.
    getElementById() dagegen doch...

    MfG. Christoph Ludwig

    --
    Wo die Sprache aufhört, fängt die Musik an...
    Selfcode:  ie:( fl:| br:^ va:| ls:/ fo:| rl:? n4:) ss:) de:] js:) ch:{ sh:) mo:) zu:)
    Go to this
    1. Ich würde mich freuen, wenn mir jemand helfen könnte.
      Nur mal so als Tipp: Jedesmal, wenn du Skripte entwickelst, und die nicht funktionieren, solltest du zu aller erst in die Fehlerkonsole schauen.

      Nur mal so als Tipp: wenn du antwortest, solltest du vorher lesen, was andere vor dir geantwortet haben. Sowohl Andreas, als auch Gast42, haben vor zwei Stunden bereits das gleiche gesagt.

      Struppi.