utilisation du this

**kenny.kev** · 08/04/2008, 13h51

bonjour a tous,

Je veux faire une action lorsque je quitte mon input (de type text), pour cela j'utilise l'événement "onblur" qui appelle une fonction "initialize" et qui prend en paramètre l'objet input soit "this" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="text" name="nbciv" class="text" onblur="initialize(this);"/>

Le problème est que ma fonction ne s'exécute pas lorsque le curseur quitte le champ.

ma fonction javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
function initialize(objet) {
      objet.style.backgroundColor = "#FFFFFF";
      objet.style.color = "#000000";
}

est-ce-que quelqu'un peu m'aider ?

Merci d'avance

**SpaceFrog** · 08/04/2008, 14h07

:maourf3: ...

choisis bien tes couleurs ....

**kenny.kev** · 08/04/2008, 14h12

mes coleurs avant de faire l'action sont :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
background-color: #CC3300;
color: #FFFFFF;

**SpaceFrog** · 08/04/2008, 14h16

je n'ai aucun souci chez moi le changement se fait bien sur le onblur ...

soit le code que tu as mis n'est pas le même que celui que tu testes
soit tu as un problème de balises script
soit javascript n'est pas activé ...

**le_chomeur** · 08/04/2008, 14h17

pour preuve

:

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
19
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="application/javascript">
function initialize(objet) {
		alert("on effetue bien l'action ;)");
      objet.style.backgroundColor = "#000000";
      objet.style.color = "red";
}
</script>
</head>
 
<body>
<input type="text" name="nbciv" class="text" onblur="initialize(this);"/>
</body>
</html>