Mit Javascript class für eine td-zelle ändern

[Besi]

Ich möchte mittels einem Javascript die Klasse : class="navi" in class="naviover" ändern.

Habe es so probiert

this.style.class="naviover" hat leider nicht funktioniert

Könnt ihr mir bitte helfen...

[Cheatah]

Hi,

this.style.class="naviover"

dies entspricht einem <td style="class:naviover">. Wenn es eine CSS-Eigenschaft namens "class" mit einem entsprechenden Wert gibt, wirst Du feststellen, dass das wunderbar funktioniert. Bis dahin empfehle ich Dir, class als stinknormales HTML-Attribut zu betrachten.

Cheatah

[Besi]

Aber ich will es mit Javascript ändern da es zwei verschiedene class sind....

Hi,

this.style.class="naviover"

dies entspricht einem <td style="class:naviover">. Wenn es eine CSS-Eigenschaft namens "class" mit einem entsprechenden Wert gibt, wirst Du feststellen, dass das wunderbar funktioniert. Bis dahin empfehle ich Dir, class als stinknormales HTML-Attribut zu betrachten.

Cheatah

[Besi]

Ich habe es jetzt so probiert

für den mouseover:
 - this.style="class:naviover"

für den mouseout
 - this.style="class:navi"

aber es hat leider nicht funktioniert. Was habe ich falsch gemacht?

[Cheatah]

Hi,

Ich habe es jetzt so probiert

nicht probieren, sondern nachdenken, was Du tust - und was Du eigentlich tun willst.

für den mouseover:

• this.style="class:naviover"

Ich habe Dir gesagt, dass das, was Du *aktuell* tust, etwa diese Auswirkungen hat[1]. Ferner habe ich Dir gesagt, was Du statt dessen machst.

Cheatah

[1] Abgesehen davon, dass es wie oben eigentlich niemals funktionieren sollte.

[ptr]

Hi,

this.style.class="naviover"

dies entspricht einem <td style="class:naviover">. Wenn es eine CSS-Eigenschaft namens "class" mit einem entsprechenden Wert gibt, wirst Du feststellen, dass das wunderbar funktioniert. Bis dahin empfehle ich Dir, class als stinknormales HTML-Attribut zu betrachten.

Altrnativ könnte man auch empfehlen, einfach den Wert des class-Attributes zu ändern:

this.className="naviover";

gruß
ptr

[Struppi]

Ich möchte mittels einem Javascript die Klasse : class="navi" in class="naviover" ändern.

Probier's doch stattdessen mal mit :hover http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

Struppi.

[Besi]

Das Problem ist, dass es eben kein Link sondern eine Zelle ist und da funktioniert der Hover soviel ich weiss nicht.

[Struppi]

Das Problem ist, dass es eben kein Link sondern eine Zelle ist und da funktioniert der Hover soviel ich weiss nicht.

Probier's aus.

Struppi.

[Cheatah]

Hi,

Das Problem ist, dass es eben kein Link sondern eine Zelle ist und da funktioniert der Hover soviel ich weiss nicht.

seit Mai 1998 ist :hover für jedes Element definiert.

Cheatah