Discussion :

[skflers61]

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.

[VynkaVynka]

Bonjour,

Pour faire ceci tu dois utiliser JavaScript et idéalement CSS, je te conseille d'utiliser jQuery.

Par exemple :

Code :

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

1
2
3
4
5
6
7
$("#tonInputId").change(function() {
    if ($(this).val() >= taValeurDeTest) {
        $(this).addClass("taClasse"); //Classe css qui change le background de ton input en la couleur que tu souhaites
    } else {
        $(this).removeClass("taClasse");
    }
});

En clair, tu rajoutes un écouteur "change" qui produit donc un événement à chaque changement de la valeur de ton input.