onmouseover hintergrund und schrift ändern

**Kropff** · 12.11.2005, 17:57

und was hindert dich an

PHP-Code:


style.color='#fff';

?

peter

**sanktusm** · 12.11.2005, 18:06

das ist nicht das problem

das problem ist den Hintergrund UND die Schriftfarbe zu ändern.

**Abraxax** · 12.11.2005, 18:27

und wo ist das problem zwei css zuweisungen in JS zu machen?

**sanktusm** · 12.11.2005, 18:30

ich kenne die syntax nicht

es wäre nett wenn du mir da weiterhelfen könntest

**sanktusm** · 12.11.2005, 18:32

ok habs geschafft

die lösung heißt (für alle die es noch nicht wissen):

<tr onmouseover="style.backgroundColor='#eeeeee'; style.color='#ffffff';" onmouseout="style.backgroundColor='#ffffff'">
<td width="180" align="left" onmouseover="ypSlideOutMenu.showMenu('menu1')" onmouseout="ypSlideOutMenu.hideMenu('menu1')">  Fitness und Sport</td>
</tr>

**sanktusm** · 14.11.2005, 19:40

style.color='#ffffff'; definiert nicht die farbe von links

Ich möchte die Schriftfarbe von Links auf onmouseover ändern. Leider klappt das hier nicht. Was muss ich da ändern?

<td class="themennavi">
<table class="themennavi" border="0" bgcolor="#ffffff" cellspacing="0" cellpadding="0">
<tr onmouseover="style.backgroundColor='#4E8527'; style.color='#ffffff';" onmouseout="style.backgroundColor='#ffffff'; style.color='#464646'">
<td width="180">  <a href="kat_display.php?schluessel=101&act=newsearch">Aerobic</a><br></td>
</tr>

**onemorenerd** · 14.11.2005, 19:54

Du änderst ja auch die Schriftfarbe des Textes, ein Link ist aber mehr als Text. Also versuche es mal mit a.color ...

Vielleicht wäre es auch einfacher (zumindest vom Code her), wenn du onMouseOver die Class des Containers (tr) änderst und zwar auf eben jene Class, die mit den gewünschten Farben etc. versehen ist.
Na und onMouseOut halt wieder zurück auf die alte Class.

**sanktusm** · 14.11.2005, 20:08

wie ändere ich ...

die Klasse des Containers. Ich kenne da die Syntax nicht.
auch die komplette Syntax von a.color kenne ich nicht.

Noch etwas gibt es die möglichkeiten den gesamten Container mit onclick als link zu gestalten.

**onemorenerd** · 14.11.2005, 20:12

Tja die Syntax(en) wirst du dann wohl lernen müssen. Keine Angst, wenn du das dort oben selbst ersonnen (bzw. ergoogelt) hast, wirds ein Leichtes sein.

onClick="location.href='http://www.example.com'"

**sanktusm** · 14.11.2005, 20:16

vielen lieben dank

für dein hilfe

**Abraxax** · 14.11.2005, 20:39

unterlasse es bitte zum gleichen thema einen neuen thread zu starten!

*merge*

**x4th** · 15.11.2005, 00:46

Original geschrieben von onemorenerd
(...)
onClick="location.href='http://www.example.com'"

Nur so btw. onClick ist im Gegensatz zu onclick nicht xhtml 1.1 strict valide!

onmouseover hintergrund und schrift ändern