Antworten zum Thema „onMouseOver/Out ohne Bilder?“

[Daniel_Knecht]

Hallo,
ich habe hier folgenden onMouseOver / onMouseOut Script welche einwandfrei Funktioniert. Nun brauch ich dieses Script aber ohne Bilder sondern via .css ich weiß aber nicht wie ich das Lösen soll.

Mit Bilder:

<a href="?page=neuigkeiten" class="navi" onMouseOver="neuigkeiten.src='img/btn/startseiteH.png';"onMouseOut="neuigkeiten.src='img/btn/startseite<?php echo ($_SERVER['REQUEST_URI'] == "/dev4/?page=neuigkeiten" ? "A" : "N"); ?>.png';">
				<img src="img/btn/startseite<?php echo ($_SERVER['REQUEST_URI'] == "/dev4/?page=neuigkeiten" ? "A" : "N"); ?>.png" name="startseite" border="0">
				</a>

Ohne Bilder (via CSS):

<a href="?page=neuigkeiten" class="subnavi" onmouseover="style.color='#99cc59', text-decoration='none'" onmouseout="style.color=<?php echo ($_SERVER['REQUEST_URI'] == "/dev4/?page=neuigkeiten" ? "#99cc59" : "#fff"); ?>, text-decoration='none'">
	<span style="color="<?php echo ($_SERVER['REQUEST_URI'] == "/dev4/?page=neuigkeiten" ? "#99cc59" : "#fff"); ?>", text-decoration='none'">Neuigkeiten</span>
	</a>

Nur funktioniert dieser nicht so Wirklich. Ich weiß mir auch grad nicht mehr zu Helfen.
Normal sollte der Link also der Text beim Betreten der Seite (Neuigkeiten) Grün sein. Der Text ist aber Weiß und wird erst Grün sobald man mit der Maus nur drüber fährt.
Hoffe ihr könnt mir da weiterhelfen

 

[Mereel]

AW: onMouseOver/Out ohne Bilder?

Hi,
ich bin mir fast sicher, der Fehler fässt dir auch selber auf, wenn du deinen Code nochmal genau ansiehst. Und wenn nicht, solltest du dich vielleicht nochmal mit den Grundlagen von JS und CSS beschäftigen.

onmouseover="style.color='#99cc59', text-decoration='none'"

Versuchs doch hier mal mit richtigem Javascript ...

onmouseover="style.color='#99cc59'; style.textDecoration='none';"

Wobei du dir den textDecoration-Teil eigentlich sparen kanst, wenn du

style="color="<?php /*...*/ ?>",  text-decoration='none'">

... und hier dafür mit richtigem CSS

style="color:<?php /*...*/ ?>;   text-decoration:none;">

EDIT: Außerdem sehe ich noch einen grundlegenden Denkfehler an deinem Skript:
1. kannst du dir das "text-decoration:none" im span-Tag sparen, schreib es stattdessen in den a-Tag und lass das textDecoration im mouseover und mouseout weg.
2. verpasst du dem Text über das span-Element eine Farbe, beim mouseover bzw -out änderst du allerdings den style des a-Elements, was nicht dazu führen wird, dass der Text innerhalb des spans eine andere Farbe annimmt...

 

[Daniel_Knecht]

AW: onMouseOver/Out ohne Bilder?

Ah na toll... das ";" hat gefehlt :kopfpatsch:

Danke dir so Funktioniert es

 

[DarkFather]

AW: onMouseOver/Out ohne Bilder?

Nur zur Vollständigkeit:
style. hat auch gefehlt. Man muss beim programmieren immer auf solche Kleinigkeiten achten, sowas hat große Auswirkungen.

 

[Myhar]

AW: onMouseOver/Out ohne Bilder?

Ich frage mich, wieso so etwas mittels Javascript und nicht mittels CSS gelöst wird?

 

[mindraper]

AW: onMouseOver/Out ohne Bilder?

@myhar:
... und wieso die listener im markup gesetzt werden. gab's da nicht mal so 'ne aussage wie "struktur, darstellung und verhalten trennen"?