[DOM] DOM onBlur onFocus CSS
Bonjour,:)
Comment utiliser les CSS sur un onBlur et OnFocus ?
Voilà j'ai un champ définit comme suit dans un tableau :
Code:
1 2
|
<input class ='tab_input_nombre_monnetaire' type='text' id='montant_vente0'name='montant_vente0' size='15' value='0' onFocus="this.className='focus';" onBlur="this.className='normal_monetaire';" > |
avec une définition CSS
Code:
1 2 3 4 5 6 7 8 9 10 11
|
.focus_monetaire { /*** Mise en avant des champs en cours d'utilisation ***/
background: #ECF0FF;
color: black;
}
.normal_monetaire { /*** Retour à l'état normal après l'utilisation ***/
background: white;
color: black;
text-align:right;
} |
Le tableau étant dynamique, on peut rajouter des lignes.
Lorsqu'on rajoute des lignes , j'ai un code JS du type
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
|
var champPrix_vente = document.createElement('input');
champPrix_vente.setAttribute('type','text');
champPrix_vente.setAttribute('size','15');
champPrix_vente.setAttribute('name','prix_vente');
champPrix_vente.setAttribute('value','');
champPrix_vente.setAttribute('id','');
champPrix_vente.className='tab_input_nombre_monnetaire';
//champPrix_vente.onFocus = function() {this.className='focus_monetaire';};
//champPrix_vente.onFocus = function() {this.className=props.ClassFocus;};
//champPrix_vente.onFocus.className='focus';
//champPrix_vente.onBlur.className='normal_monetaire';
newCell2.appendChild(champPrix_vente); |
Je ne vois pas comment définir les onFocus et OnBlur. Après recherche, il semblerait que je dois définir une fonction, mais je ne vois pas comment.
Par avance merci pour votre aide