Wiki source code of Changer la couleur de fond d'un champ de saisie inactif
Last modified by Julien EYMERY on 2015/07/06 16:31
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | La définition de la couleur de fond se fait en utilisant une classe CSS. | ||
| 2 | |||
| 3 | Si le champ de saisie a déjà une classe CSS définie au maquettage : | ||
| 4 | |||
| 5 | |||
| 6 | {{code language="xml" language="xml"}} | ||
| 7 | <adelia:entryfield type="ALPHA" length="15"><input type="text" name="CHS_1" id="CHS_1" size="15" maxlength="15" class="myClass"/></adelia:entryfield> | ||
| 8 | {{/code}} | ||
| 9 | |||
| 10 | |||
| 11 | |||
| 12 | Alors il faut rajouter le code suivant : | ||
| 13 | |||
| 14 | |||
| 15 | {{code language="css" language="css"}} | ||
| 16 | .myClass { | ||
| 17 | ... | ||
| 18 | // Pour IE 6. Cette ligne est à placer avant la ligne "background-color:XXX;" si elle existe dans la définition de myClass | ||
| 19 | background-color:expression(this.disabled ? 'blue' : ''); | ||
| 20 | ... | ||
| 21 | } | ||
| 22 | .myClass[disabled='disabled'] { | ||
| 23 | // Pour IE > 6, Firefox et Chrome | ||
| 24 | background-color:blue; | ||
| 25 | } | ||
| 26 | {{/code}} | ||
| 27 | |||
| 28 | |||
| 29 | |||
| 30 | Si le champ de saisie n'a pas de classe CSS définie au maquettage : | ||
| 31 | |||
| 32 | |||
| 33 | {{code language="xml" language="xml"}} | ||
| 34 | <adelia:entryfield type="ALPHA" length="15"><input type="text" name="CHS_1" id="CHS_1" size="15" maxlength="15" /></adelia:entryfield> | ||
| 35 | {{/code}} | ||
| 36 | |||
| 37 | |||
| 38 | |||
| 39 | Alors il faut rajouter le code suivant : | ||
| 40 | |||
| 41 | |||
| 42 | {{code language="css" language="css"}} | ||
| 43 | #CHS_1 { | ||
| 44 | // Pour IE 6 | ||
| 45 | background-color:expression(this.disabled ? 'blue' : ''); | ||
| 46 | } | ||
| 47 | #CHS_1[disabled='disabled'] { | ||
| 48 | // Pour IE > 6, Firefox et Chrome | ||
| 49 | background-color:blue; | ||
| 50 | } | ||
| 51 | {{/code}} | ||
| 52 | |||
| 53 | |||
| 54 | ((( | ||
| 55 | == | ||
| 56 | Articles connexes == | ||
| 57 | ))) | ||
| 58 | |||
| 59 | Les articles connexes apparaissent ici en fonction des étiquettes que vous avez sélectionnées. Cliquez pour modifier la macro et ajouter ou modifier des étiquettes. | ||
| 60 | |||
| 61 | {{liveData sort="doc.date:desc" source="liveTable" properties="doc.title,doc.date,doc.author" description="Recently updated" limit="5" filters="tag=web" sourceParameters="translationPrefix=platform.index."}}{{/liveData}} | ||
| 62 |