Bonjour,

Comment utiliser les CSS sur un onBlur et OnFocus ?

Voilà j'ai un champ définit comme suit dans un tableau :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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