Remplir input dynamiquement
Résolu/Fermé
skflers61
Messages postés
43
Date d'inscription
jeudi 15 novembre 2007
Statut
Membre
Dernière intervention
21 novembre 2014
-
23 avril 2014 à 08:18
Utilisateur anonyme - 23 avril 2014 à 09:08
Utilisateur anonyme - 23 avril 2014 à 09:08
A voir également:
- Remplir input dynamiquement
- Organigramme a remplir word - Guide
- Remplir et signer pdf - Guide
- Input signal not found ✓ - Forum Matériel & Système
- No video input ✓ - Forum Matériel & Système
- Input signal out of range change settings to 1600x900-60hz - Forum Windows
2 réponses
Utilisateur anonyme
23 avril 2014 à 09:08
23 avril 2014 à 09:08
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>
astuces72
Messages postés
7762
Date d'inscription
vendredi 15 janvier 2010
Statut
Membre
Dernière intervention
15 novembre 2024
1 639
Modifié par astuces72 le 23/04/2014 à 09:03
Modifié par astuces72 le 23/04/2014 à 09:03
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.