Jürgen: CSS-class dynamisch verändern

SELF-Forum

CSS-class dynamisch verändern

Jürgen
– Informationen zu den Bewertungsregeln

Guten Morgen liebe Gemeinde,

gibt es denn eine Methode, um dynamisch nicht die style-Attribute sondern die css-Klasse zu verändern.

Also z.B. statt
onmouseover="self.style.backgroundColor='#ffffff'"

vielleicht so etwas wie ähnliches wie
onmouseover="self.style.class='cssclass'"

wobei das obige leider nicht funktioniert.

Weiß jemand was passendes?

Vielen Dank,
Jürgen

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. CSS-class dynamisch verändern

    AndreasW
    – Informationen zu den Bewertungsregeln

    Guten Morgen liebe Gemeinde,

    Tach

    gibt es denn eine Methode, um dynamisch nicht die style-Attribute sondern die css-Klasse zu verändern.

    Also z.B. statt
    onmouseover="self.style.backgroundColor='#ffffff'"

    vielleicht so etwas wie ähnliches wie
    onmouseover="self.style.class='cssclass'"

    wobei das obige leider nicht funktioniert.

    self ist die Fensterinstanz. Die hat kein style-Objekt. Meinst Du this?
    class ist auch kein Unterobjekt von style, sondern des jeweiligen HTML-Elements.
    Bei mir funktioniert es im IE mit this.className='blabla';
    Der Opera verweigert sich hier (4.02, 5.11, 6.01)
    Im Mozilla ab 1.0RC2 funktioniert das auch, aber dort wäre es sogar ohne Javascript möglich:
    da schreibt man einfach
    .blabla { /* hier die Einstellungen für Normalbetrieb*/ }
    .blabla:hover { /*hier die Einstellungen für hover*/ }
    ins CSS

    Vielen Dank,
    Jürgen

    Andreas

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. CSS-class dynamisch verändern

      Jürgen
      – Informationen zu den Bewertungsregeln

      self ist die Fensterinstanz. Die hat kein style-Objekt. Meinst Du this?

      Klar meinte ich this! Sorry.

      class ist auch kein Unterobjekt von style, sondern des jeweiligen HTML-Elements.
      Bei mir funktioniert es im IE mit this.className='blabla';
      Der Opera verweigert sich hier (4.02, 5.11, 6.01)
      Im Mozilla ab 1.0RC2 funktioniert das auch, aber dort wäre es sogar ohne Javascript möglich:
      da schreibt man einfach
      .blabla { /* hier die Einstellungen für Normalbetrieb*/ }
      .blabla:hover { /*hier die Einstellungen für hover*/ }
      ins CSS

      this.className
      Das wars also. Vielen Dank,
      Jürgen

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln