11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour

Je cherche comment changer la couleur de mon champ :
Lorsqu'il ne reste plus que 7 caractères possibles, le champ devient orange.

Lorsqu'il ne reste plus que 3 caractères possibles, le champ devient rouge.

 function limiteur()
    {
    maximum = 15;
    champ = document.formulaire.texte;
    indic = document.formulaire.indicateur;

    if (champ.value.length > maximum)
      champ.value = champ.value.substring(0, maximum);
    else
      indic.value = maximum - champ.value.length;
    }







<!DOCTYPE html PUBLIC>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="champstyle.css">
<head>
<title>couleur champ</title>
<script src = "limite.js"></script>


</head>
<form name="formulaire" action="">
  <textarea name="texte" cols="30" rows="5" onKeyDown="limiteur();" onKeyUp="limiteur();"></textarea>
  <br>
  Il vous reste <input readonly type=text name="indicateur" size="3" maxlength=3 value="15"> caractères.
</form>



merci de votre aide
Bonjour.

Le champ devient rouge avec :
champ.style.backgroundColor = 'red';


Pour le reste, je vois que vous savez utiliser les conditions et aussi calculer le nombre de caractères restants.

Smiley smile
Meilleure solution