utilisation du this

Version imprimable

08/04/2008, 13h51
kenny.kev

utilisation du this
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:

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:

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
08/04/2008, 14h07
SpaceFrog

:maourf3: ...

choisis bien tes couleurs ....
08/04/2008, 14h12
kenny.kev
mes coleurs avant de faire l'action sont :
Code:

1 2 background-color: #CC3300; color: #FFFFFF;
08/04/2008, 14h16
SpaceFrog

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é ...

pour preuve ;) :

Code:

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>

08/04/2008, 14h20
kenny.kev

merci,

c'est mes balises <script> qui était mal déclaré
elle n'était pas reconnu

merci et désolé pour le dérangement
08/04/2008, 14h23
SpaceFrog

bingo !
08/04/2008, 14h27
marcha

<script type="text/javascript">

et non

<script type="application/javascript">
08/04/2008, 14h28
SpaceFrog

application/javascript c'est la future norme déja acceptée par firefox ...
mais pas encore implénetée sous IE ...
08/04/2008, 14h30
marcha

Sinon teste la méthode pure CSS

input:focus { background-color: #CC3300; color: #FFFFFF; }
08/04/2008, 14h31
kenny.kev

OK

Merci pour ces petits éclaircissements
08/04/2008, 14h31
marcha

Citation:

Envoyé par SpaceFrog

application/javascript c'est la future norme déja acceptée par firefox ...
mais pas encore implénetée sous IE ...

:-) merci pour l'info.

Konqueror non plus le comprends pas encore
08/04/2008, 14h36
le_chomeur

mes excuses , j'ai tapé vite fais sous dreamweaver et je n'ai pas fais attention a l'auto-completion :roll: