Changer la couleur du texte

Version imprimable

Bonjour,

Je souhaiterais changer la couleur du nom du champs (ville dans mon exemple) lors de la saisie d'une info dans le champs texte, cela fonctionne en partie car le nom passe bien de rouge à noir, mais si je supprime la saisie, le nom reste noir alors qu'il devrait redevenir rouge.... ?
Je ne vois pas où se situe mon erreure.
Un peu d'aide serait la bienvenue.

A+
Michel
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <html> <head> <style type="text/css"> .style1 {color:#000000} .style2 {color:#FF0000} </style> <script type="text/javascript"> function ValideTxt(idTxt){ if(document.getElementById(idTxt).length != 0) { document.getElementById(idTxt).className = "style1"; } else { document.getElementById(idTxt).className = "style2"; } } </script> </head> <body> <input type="text" id="ville" name="ville" size="40" onKeyUp="ValideTxt('txt10');" /> <span id="txt10" class="style2"> Ville</span><br/> </body> </html>

Bonjour,

L'erreur se situe dans ton if, tu fais la vérification sur le span mais c'est sur la value de l'input qu'il faut la faire :

Code:

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript">
function ValideTxt(idTxt){
 if(document.getElementById("ville").value.length != 0){
        document.getElementById(idTxt).className = "style1";
 }else{
        document.getElementById(idTxt).className = "style2";
 }
}
</script>

Edit : Ou mieux, pour que cette fonction puisse être utilisable ailleurs :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
function ValideTxt(input, idTxt){
 if(input.value.length != 0){
        document.getElementById(idTxt).className = "style1";
 }else{
        document.getElementById(idTxt).className = "style2";
 }
}
</script>
</head>
<body>
<input type="text" id="ville" name="ville" size="40" onKeyUp="ValideTxt(this,'txt10');" />
<span id="txt10" class="style2">&nbsp;Ville</span><br/>
</body>

Bonjour, effectivement la vérification devait se faire sur l'input et pas sur le span :oops:
L'erreur était si grosse que je ne la voyait pas :oops:

Merci beaucoup pour cette réponse et encore plus pour la rapidité de la dite réponse... :D
Citation:
Envoyé par Cornholio
Bonjour,

L'erreur se situe dans ton if, tu fais la vérification sur le span mais c'est sur la value de l'input qu'il faut la faire :
Code:

1 2 3 4 5 6 7 8 9 10 <script type="text/javascript"> function ValideTxt(idTxt){ if(document.getElementById("ville").value.length != 0){ document.getElementById(idTxt).className = "style1"; }else{ document.getElementById(idTxt).className = "style2"; } } </script>
Edit : Ou mieux, pour que cette fonction puisse être utilisable ailleurs :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <script type="text/javascript"> function ValideTxt(input, idTxt){ if(input.value.length != 0){ document.getElementById(idTxt).className = "style1"; }else{ document.getElementById(idTxt).className = "style2"; } } </script> </head> <body> <input type="text" id="ville" name="ville" size="40" onKeyUp="ValideTxt(this,'txt10');" /> <span id="txt10" class="style2"> Ville</span><br/> </body>