Kalle_B: Hintergrundfarbe wechseln - und zurück

Hallöle,

ich möchte per Text bestimmte Bereiche auf einer Webseite erklären. Wenn ich mit der Maus über den Text fahre, soll der betreffende Bereich der Seite einen auffälligen Hintergrund bekommen:

<li onMouseOver="getElementById('fix_oben').style.backgroundColor='#ff0'"
  onMouseOut="getElementById('fix_oben').style.backgroundColor='transparent'">fix_oben</li>

Bei der Mauswegbewegung soll dann aber die ALTE Hintergrundfarbe wieder erscheinen. Gibt es dafür ein Schlüsselwort?

Also im obigen Beispiel statt 'transparent'.

Lieben Gruß, Kalle

  1. Hallo Kalle_B.

    <li onMouseOver="getElementById('fix_oben').style.backgroundColor='#ff0'"
      onMouseOut="getElementById('fix_oben').style.backgroundColor='transparent'">fix_oben</li>

    Bei der Mauswegbewegung soll dann aber die ALTE Hintergrundfarbe wieder erscheinen. Gibt es dafür ein Schlüsselwort?

    Ja: "". (Ja, eine leere Zeichenkette).

    Einen schönen Freitag noch.

    Gruß, Ashura

    --
    sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
    „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
    [HTML Design Constraints: Logical Markup]
  2. Hoi

    <li onMouseOver="getElementById('fix_oben').style.backgroundColor='#ff0'"
      onMouseOut="getElementById('fix_oben').style.backgroundColor='transparent'">fix_oben</li>

    Bei der Mauswegbewegung soll dann aber die ALTE Hintergrundfarbe wieder erscheinen. Gibt es dafür ein Schlüsselwort?

    Wenn du die Hintergrundfarbe in z.B. einem Stylesheet festgelegt hast, dann nimm einfach <onMouseOut="getElementById('fix_oben').style.backgroundColor=''">. "Lösche" also einfach den style Eintrag und er sollte wieder den Eintrag aus dem CSS verwenden.

    Gruß Ben

    1. danke auch an Ashura.

      Wenn du die Hintergrundfarbe in z.B. einem Stylesheet festgelegt hast, dann nimm einfach <onMouseOut="getElementById('fix_oben').style.backgroundColor=''">. "Lösche" also einfach den style Eintrag und er sollte wieder den Eintrag aus dem CSS verwenden.

      Ja, klappt. Ich dachte, die Eigenschaft wird überschrieben und ist verloren.

      Zusatzfrage:

      Es gibt doch ein Schlüsselwort, wenn eine Eigenschaft vom Elternelement übernommen werden soll. Wie heißt das gleich noch mal?

      Kalle

      1. Hallo Kalle_B.

        Es gibt doch ein Schlüsselwort, wenn eine Eigenschaft vom Elternelement übernommen werden soll. Wie heißt das gleich noch mal?

        inherit.

        Einen schönen Freitag noch.

        Gruß, Ashura

        --
        sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
        „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
        [HTML Design Constraints: Logical Markup]