uli: Formular CSS/ JS Syntax

Hi,

kann mit bitte bitte jemand helfen, wie der korrekte Syntax aussieht?
So geht es nicht:

<style type="text/css">
<!--

input  {background-color:#fff onFocus="this.style.backgroundColor: #E1F2FD" onBlur="this.style.backgroundColor:#fff"}

select {background-color:#fff onFocus="this.style.backgroundColor: #E1F2FD" onBlur="this.style.backgroundColor:#fff"}

textarea  {background-color:#fff onFocus="this.style.backgroundColor: #E1F2FD" onBlur="this.style.backgroundColor:#fff"}
-->

Ich danke schon mal SEHR!

Tschüß

uli

  1. Hi,

    kann mit bitte bitte jemand helfen, wie der korrekte Syntax aussieht?
    So geht es nicht:

    nein, in der Tat. Für das von Dir gewünschte existiert keine Syntax. CSS dient der Darstellung, nicht der Logik. Es ist nicht möglich, irgendwelchen JavaScript-Code einzubinden.

    input  {background-color:#fff onFocus="this.style.backgroundColor: #E1F2FD" onBlur="this.style.backgroundColor:#fff"}

    *Zufällig* kann Dir hier bei hinreichend mächtigen Browsern[1] die Pseudoklasse :focus helfen. Verwendung wie z.B. auch bei a:hover.

    Cheatah

    [1] Nein, der IE gehört nicht dazu.

    --
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
  2. Hi,

    <style type="text/css">
    input  {background-color:#fff onFocus="this.style.backgroundColor: #E1F2FD" onBlur="this.style.backgroundColor:#fff"}

    Eventhandler gehören ins HTML, nicht ins CSS.

    Es geht aber auch mit CSS (wie weit das die Browser unterstützen, darfst Du selbst erforschen):

    input { background-color:#fff; }
    input:focus { background-color:#e1f2fd; }
    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/