Hallo @ all,
hab mal wieder ein Anfängerproblem, zu dem ich bei Google nicht wirklich was
gefunden habe:
Ich habe eine Seite mit einem Menü (genaugenommen geht es nur um das Submenü)
im Content habe ich kurze Vorschauen (Bild und Text) zu den Seiten, zu denen die
Menüpunkte verlinken. Auch die Vorschauen sind entsprechend verlinkt.
Jetzt soll sich das Aussehen der Links beim MouseOver verändern, wenn ich also in
der Navigation über den ersten Link fahre, soll gleichzeitig auch der erste Vorschautext
hervorgehoben sein, wenn ich über die zweite Vorschau fahre, soll gleichzeitig der
zweite Menüpunkt hervorgehoben sein usw.
Bei onMouseOut soll der ursprüngliche Zustand wiederhergestellt werden (besuchte
Links haben eine andere Farbe...).
Soweit bin ich bisher (bzw. so wenig weit):
HTML (nur die relevanten Abschnitte):
javascript:
Das funktioniert aber nicht. Außerdem ist es mir zu viel Script, ich hätte also da lieber
etwas mit einer Variablen...
Wo sind meine Fehler?
Grüße
Bernhard
P.S.: ideal wäre natürlich, wenn es eine Funktion gäbe, die Elemente mit dem gleichen
Linktext auswählt...
hab mal wieder ein Anfängerproblem, zu dem ich bei Google nicht wirklich was
gefunden habe:
Ich habe eine Seite mit einem Menü (genaugenommen geht es nur um das Submenü)
im Content habe ich kurze Vorschauen (Bild und Text) zu den Seiten, zu denen die
Menüpunkte verlinken. Auch die Vorschauen sind entsprechend verlinkt.
Jetzt soll sich das Aussehen der Links beim MouseOver verändern, wenn ich also in
der Navigation über den ersten Link fahre, soll gleichzeitig auch der erste Vorschautext
hervorgehoben sein, wenn ich über die zweite Vorschau fahre, soll gleichzeitig der
zweite Menüpunkt hervorgehoben sein usw.
Bei onMouseOut soll der ursprüngliche Zustand wiederhergestellt werden (besuchte
Links haben eine andere Farbe...).
Soweit bin ich bisher (bzw. so wenig weit):
HTML (nur die relevanten Abschnitte):
Code:
<li><a href="#" name="link-1">Linktext</a></li>
...
<li>
<a href="#" name="link-1"><img src="bild.jpg" alt="Alternativtext" width="" height="" border="0" title="" />
<span>Text</span></a>
</li>
Code:
function underline() {
document.getElementsByTagName("a").onMouseOver = function() {
document.getElementsByName("link-1").style.textDecoration = 'underline';
document.getElementsByName("link-1").style.color = '#000000';
document.getElementsByName("link-2").style.textDecoration = 'underline';
document.getElementsByName("link-2").style.color = '#000000';
document.getElementsByName("link-3").style.textDecoration = 'underline';
document.getElementsByName("link-3").style.color = '#000000';
document.getElementsByName("link-4").style.textDecoration = 'underline';
document.getElementsByName("link-4").style.color = '#000000';
}
document.getElementsByTagName("a").onMouseOut = function() {
this.style.textDecoration = ' ';
}
}
window.onload = underline;
etwas mit einer Variablen...
Wo sind meine Fehler?
Grüße
Bernhard
P.S.: ideal wäre natürlich, wenn es eine Funktion gäbe, die Elemente mit dem gleichen
Linktext auswählt...