Changer la couleur d'un nombre CSS/Javascript
Résolu
PandaHugsU
Messages postés
16
Date d'inscription
vendredi 29 avril 2011
Statut
Membre
Dernière intervention
9 mai 2013
-
18 juil. 2012 à 15:00
PandaHugsU Messages postés 16 Date d'inscription vendredi 29 avril 2011 Statut Membre Dernière intervention 9 mai 2013 -
PandaHugsU Messages postés 16 Date d'inscription vendredi 29 avril 2011 Statut Membre Dernière intervention 9 mai 2013 -
Bonjour,
Je suis entrain de realiser un calculateur et mon probleme est tout simple:
Lorque le resultat s'affiche j'aimerai que la couleur du resultat change en fonction de sa valeur.
Mais voila apres plusieur essais ca ne fonctionne pas ...
Le code entier etant un peut long je met que l'essentiel:
Code HTML:
<input type='text' id='result' value=' __ ' readonly='readonly' style="" onchange='change_couleur(this.value)'/>
Code javascript:
function change_couleur(CA){
if(CA<100){
document.getElementById('result').style="color:green;";
}else{
document.getElementById('result').style="color:red;";
}
}
Sachant que la valeur de l'input change grâce a une autre fonction en javascript qui renvoie a l'input le resultat par un
document.getElementById('result').value="calcul d'une rare violence"
Merci d'avance pour les reponses =),
Panda.
Je suis entrain de realiser un calculateur et mon probleme est tout simple:
Lorque le resultat s'affiche j'aimerai que la couleur du resultat change en fonction de sa valeur.
Mais voila apres plusieur essais ca ne fonctionne pas ...
Le code entier etant un peut long je met que l'essentiel:
Code HTML:
<input type='text' id='result' value=' __ ' readonly='readonly' style="" onchange='change_couleur(this.value)'/>
Code javascript:
function change_couleur(CA){
if(CA<100){
document.getElementById('result').style="color:green;";
}else{
document.getElementById('result').style="color:red;";
}
}
Sachant que la valeur de l'input change grâce a une autre fonction en javascript qui renvoie a l'input le resultat par un
document.getElementById('result').value="calcul d'une rare violence"
Merci d'avance pour les reponses =),
Panda.
A voir également:
- Changer la couleur d'un nombre CSS/Javascript
- Changer dns - Guide
- Changer la couleur de la barre des taches - Guide
- Changer carte graphique - Guide
- Excel cellule couleur si condition texte - Guide
- Changer extension fichier - Guide
2 réponses
Blunderer
Messages postés
273
Date d'inscription
mardi 17 juillet 2012
Statut
Membre
Dernière intervention
6 décembre 2012
83
18 juil. 2012 à 15:43
18 juil. 2012 à 15:43
essaye ceci :
function change_couleur(CA){ if(CA<100){ document.getElementById('result').style.color = "green"; }else{ document.getElementById('result').style.color = "red"; } }
PandaHugsU
Messages postés
16
Date d'inscription
vendredi 29 avril 2011
Statut
Membre
Dernière intervention
9 mai 2013
19 juil. 2012 à 15:56
19 juil. 2012 à 15:56
Ca y est j'ai trouvé la solution pour ceux que ca interresse.
Alors enfaîte c'était a cause du "onchange' qui ne prend en compte que les modifications apportées par l'utilisateur et comme le resultat est renvoyé par une fonction donc par l'ordinateur le javascript ne s'appliqué pas.
Pour y remedier j'ai mis a la fin de ma fonction de calcul la fonction change_couleur ainsi les resultat des calcul passent dans celle-ci.
Petit schema du code Javascript:
function calcul{a,b,c,etc...){
//La fonction effectue ses calculs et renvoie par exemple
valeur_a= a+b;
valeur_b= b+c;
// On appel la fonction change couleur avec les nouvelle valeur
change_couleur(valeur_a,valeur_b,etc...);
}
function change_couleur(CA,CB,etc...){
if(CA<50){
document.getElementById('result').style.color='#FF00A0';
}esle{document.getElementById('result').style.color='#00D0B0';}
...
}
Alors enfaîte c'était a cause du "onchange' qui ne prend en compte que les modifications apportées par l'utilisateur et comme le resultat est renvoyé par une fonction donc par l'ordinateur le javascript ne s'appliqué pas.
Pour y remedier j'ai mis a la fin de ma fonction de calcul la fonction change_couleur ainsi les resultat des calcul passent dans celle-ci.
Petit schema du code Javascript:
function calcul{a,b,c,etc...){
//La fonction effectue ses calculs et renvoie par exemple
valeur_a= a+b;
valeur_b= b+c;
// On appel la fonction change couleur avec les nouvelle valeur
change_couleur(valeur_a,valeur_b,etc...);
}
function change_couleur(CA,CB,etc...){
if(CA<50){
document.getElementById('result').style.color='#FF00A0';
}esle{document.getElementById('result').style.color='#00D0B0';}
...
}