Changer la couleur d'un nombre CSS/Javascript
Résolu
PandaHugsU
Messages postés
16
Date d'inscription
Statut
Membre
Dernière intervention
-
PandaHugsU Messages postés 16 Date d'inscription Statut Membre Dernière intervention -
PandaHugsU Messages postés 16 Date d'inscription Statut Membre Dernière intervention -
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
- Excel cellule couleur si condition texte - Guide
- Changer carte graphique - Guide
- Changer wifi chromecast - Guide
2 réponses
essaye ceci :
function change_couleur(CA){ if(CA<100){ document.getElementById('result').style.color = "green"; }else{ document.getElementById('result').style.color = "red"; } }
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';}
...
}