Changer la couleur du texte

**MichelAM** · 23/12/2008, 09h21

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 :

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
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">&nbsp;Ville</span><br/>
</body>
</html>

**Cornholio** · 23/12/2008, 10h16

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 html :

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

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 html :

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

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>

**MichelAM** · 23/12/2008, 10h42

Bonjour, effectivement la vérification devait se faire sur l'input et pas sur le span

L'erreur était si grosse que je ne la voyait pas

Merci beaucoup pour cette réponse et encore plus pour la rapidité de la dite réponse...

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 html :

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

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 html :

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

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>

Changer la couleur du texte

JavaScript

Discussions similaires

Partager

Partager