bei mouseover über einer Grafik die Farbe eines Textlinks ändern
Christian
- javascript
0 MudGuard0 gast420 minicrispie0 Struppi
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
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
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
<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.
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
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.