Remplir input dynamiquement
Résolu
skflers61
Messages postés
43
Date d'inscription
Statut
Membre
Dernière intervention
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
j'ai un petit problème que je n'arrive pas à résoudre.
J'ai un formulaire avec des input de type texte dans lesquels je met des valeurs de mesure (donc des nombre).
Je voudrais que le input change de couleur (le background) en fonction de la valeur qu'il contient.
Le problème c'est que je veux faire ça dynamiquement, donc sans bouton valider.
Je ne sais pas si je dois faire ça en css, javascript(jquery), ajax ou autre chose.
Merci pour vos réponse.
j'ai un petit problème que je n'arrive pas à résoudre.
J'ai un formulaire avec des input de type texte dans lesquels je met des valeurs de mesure (donc des nombre).
Je voudrais que le input change de couleur (le background) en fonction de la valeur qu'il contient.
Le problème c'est que je veux faire ça dynamiquement, donc sans bouton valider.
Je ne sais pas si je dois faire ça en css, javascript(jquery), ajax ou autre chose.
Merci pour vos réponse.
A voir également:
- Remplir input dynamiquement
- Organigramme a remplir word - Guide
- Input not supported - Forum Ecran
- Excel remplir automatiquement une cellule en fonction d'une autre ✓ - Forum Excel
- No video input - Forum Windows
- [ NO VIDEO INPUT ENTER SLEEP MODE] - Forum PC portable
2 réponses
Bonjour
Il te faut d'abord déclencher un appel à une fonction quand ton champ est modifié. L'événement onchange peut convenir, mais n'est pas appelé à chaque frappe de touche : onkeyup est peut-être préférable, ça dépend de ce que tu veux faire.
Cette fonction Javascript va récupérer la valeur du champ, l'analyser et mettre la couleur de fond en fonction du résultat.
Voici un exemple très simple :
</html>
Il te faut d'abord déclencher un appel à une fonction quand ton champ est modifié. L'événement onchange peut convenir, mais n'est pas appelé à chaque frappe de touche : onkeyup est peut-être préférable, ça dépend de ce que tu veux faire.
Cette fonction Javascript va récupérer la valeur du champ, l'analyser et mettre la couleur de fond en fonction du résultat.
Voici un exemple très simple :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>test</title>
<script type = "text/javascript">
function couleurfond(objet) {
x=parseInt(objet.value);
if (isNaN(x)) return ;// pas un nombre, on ignore
if (x<25) { objet.style.backgroundColor="#FFFFCC"; return; }
objet.style.backgroundColor="#CCFFFF"; // par défaut
}
</script>
</head>
<body>
<input type="text" name="valeur" id="valeur" onkeyup="couleurfond(this);"/>
</body>
</html>
slt
tu as ça:
https://jscolor.com/
et avec quelques modif tu devrais arriver à ce que tu veux !
ah pardon, j'avais mal lu, et tu veux une couleur en fonction d'un chiffre !
utilise les codes couleur en décimal.
----------------------------
Ça marche toujours avant la panne, donc cette phrase: "Il marchait bien avant" ne devrait pas exister.
tu as ça:
https://jscolor.com/
et avec quelques modif tu devrais arriver à ce que tu veux !
ah pardon, j'avais mal lu, et tu veux une couleur en fonction d'un chiffre !
utilise les codes couleur en décimal.
----------------------------
Ça marche toujours avant la panne, donc cette phrase: "Il marchait bien avant" ne devrait pas exister.