Maus-Ereignisse und CSS

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo Javascript-Experten!

Ich wollte eine Navigation mit Javascript basteln. Ziel soll sein, dass sich bei bestimmten Ereignissen der Style der Tabellenzelle verändert. Diese Styles hab ich mit CSS formuliert:

.normal {
 font-family: Comic Sans MS, Arial, sans-serif;
 font-size: 10pt;
 background-color: red;
 font-color: black;
 text-decoration: none;
 text-align: left;
}
.aktiv {
 font-family: Comic Sans MS, Arial, sans-serif;
 font-size: 10pt;
 background-color: black;
 font-color: red;
 text-decoration: none;
 text-align: left;
}

Ein Link meiner Navigationsleiste schaut so aus:

[HOME](start.html)

Wenn ich das so programmiere, ändert sich im IE gar nichts, Mozilla ändert nur die Schriftfarbe beim onclick und Opera ignoriert das komplette CSS. Was mache ich falsch?

Gruß Alex

#2

Pure! CSS
Hallo,

um diese Farbumschläge oder was auch immer zu erreichten (Rähmchen, Kästchen, Flächenfüllung, …) brauchst du überhaupt kein JavaScript. Das lässt sich alles funktionierend mit Pure! CSS erledigen:

http://de.selfhtml.org/css/eigenschaften/pseudoforma…

Gruß

Stefan

#3

Hallo Alex,

auch wenn wie Stefan schon geschrieben hat, das mit pur css zu machen ist, hier nochmal in JS:

onmouseover=„class=‚aktiv‘>“

Auch wenn im tag mit class=„xxx“ definiert wird, besitzt das Element die Eigenschaft className und damit Browser weiß, wessen className geändert werden soll, verwendet man this

onmouseover="this.className=‚aktiv‘"

Gruß
Klaus