Problem mit onmouseover

Status
Nicht offen für weitere Antworten.

Chandini

Mitglied
Hi ihr!

Ich habe da ein Problem mit onmouseover.

Habe ein Menü erstellt, bei dem die Menüpunkte bei onmouseover und onmouseout die Farbe ändern.

Jetzt habe ich zwei neue Menüpunkte eingefügt und seitdem klappt das nur noch bei einem Menüpunkt.

Hier mal ein Link zu dem Menü:
Menü

Die Farbe soll nur für den Menüpunkt gleich bleiben, auf dem die Maus ist. Alle anderen sollen grau werden. Aber das klappt jetzt nur noch bei "Home". Bei den restlichen Punkten werden alle grau.

Ich habe nichts geändert, außer die beiden Punkte "Markt und Standort Netzwerk" und "AGB" eingefügt. Aber seitdem geht es nicht mehr.
Es funktioniert aber auch nicht mehr, wenn ich die beiden Punkte wieder rausnehm.
Dabei ist der Quellcode doch für alle Punkte gleich...
Oder seh ich jetzt einfach den Wald vor lauter Bäumen nicht mehr?

Wäre super, wenn ihr mir helfen könntet.
Danke schon mal im Voraus.

vlg, Ines
 
Also im Firefox funktionierts ohne Probleme. Geht so wie du es beschrieben hast.
Wahrscheinnlich versteht der IE das GetElementById nicht oder so?
Keinen Plan
 
Hab gerade festgestellt, dass es mit Netscape auch funktioniert.

Aber ich versteh nicht, warum das auf einmal nicht mehr geht.
Bis vor zwei Stunden hat es ja auch mit dem Internet Explorer noch geklappt.

Hat irgendjemand zufällig ne Idee, woran es liegen könnte?
 
Hi,

Du öffnest in jedem Navigationpunkt zwei SPAN-Tags und schliesst nur einen.
Code:
<a href="home.htm" target="middleFrame"><span id="home" onmouseover="document.getElementById('profil').style.color='#cccccc';document.getElementById('leistungen').style.color='#cccccc';document.getElementById('netzwerk').style.color='#cccccc';document.getElementById('agb').style.color='#cccccc';document.getElementById('kontakt').style.color='#cccccc';" onmouseout="document.getElementById('profil').style.color='#000000';document.getElementById('leistungen').style.color='#000000';document.getElementById('netzwerk').style.color='#000000';document.getElementById('agb').style.color='#000000';document.getElementById('kontakt').style.color='#000000';"><img src="images/punkt.jpg" width="11" height="11" border="0"> <span class="Stil2">Home</span></a><br>
Schreibst Du die Klasse Stil2 in den ersten SPAN und löscht dafür den zweiten,
sollte die Navigation funktionieren.
Code:
<a href="profil.htm" target="middleFrame"><span id="profil" class="Stil2" onmouseover="document.getElementById('home').style.color='#cccccc';document.getElementById('leistungen').style.color='#cccccc';document.getElementById('netzwerk').style.color='#cccccc';document.getElementById('agb').style.color='#cccccc';document.getElementById('kontakt').style.color='#cccccc';" onmouseout="document.getElementById('home').style.color='#000000';document.getElementById('leistungen').style.color='#000000';document.getElementById('netzwerk').style.color='#000000';document.getElementById('agb').style.color='#000000';document.getElementById('kontakt').style.color='#000000';"><img src="images/punkt.jpg" width="11" height="11" border="0"> Profil</span></a><br>
Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.
Zurück