Mettre en couleurs un texte en fonction de sa valeur.

Bonjour,

Je vous avoue tout de suite que je n'y connais absolument rien en javascript pour l'instant. J'ai appris le xhtml puis le php sur lequel je travaille actuellement et le javascript viendra ensuite (pas envie de m'emmêler les pinceaux, chaque choses en son temps).

Malgré cela j'ai besoin d'une petite fonction javascript afin de compter le nombre de caractères entré dans un formulaire.

J'ai trouvé cette fonction qui me conviens très bien sur developpez et j'aimerais y apporter une petite modification que je ne sais pas faire bien entendu.

Voici le script que j'utilise:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<script type='text/javascript'> function compteCarac(idTextarea, idSpan) { var t = document.getElementById(idTextarea); var s = document.getElementById(idSpan);   s.innerHTML = t.value.length; } </script> <textarea id="text8" rows="4" cols="30" onkeyup="compteCarac('text8', 'nbCarac8')"></textarea> <span id="nbCarac8">0</span> caractère(s)

---

J'aimerais ajouter un paramètre dans la fonctions correspondant au nombre de caractères autorisé et quand le nombre de caractères est inférieur à celui autorisé le nombre s'inscrit en vert quand il est égal ou supérieur il s'inscrit en rouge.

Quelqu'un saurait-il me faire cela ?

Je sais c'est facile de demander à faire la modif mais pour l'instant, comme dis plus haut, je ne sais pas faire.

Merci.;)

<script type='text/javascript'>
function compteCarac(idTextarea, idSpan)
{
var t = document.getElementById(idTextarea);
var s = document.getElementById(idSpan);


lngTxt = t.value.length;
if(parseInt(t.value.length)>50)
s.style.color= 'red';
else
s.style.color= 'green';

s.innerHTML = lngTxt;

}
</script>
<textarea id="text8" rows="4" cols="30" onkeyup="compteCarac('text8', 'nbCarac8')"></textarea>
<span id="nbCarac8">0</span> caractère(s)

Merci c'est parfait.

Je l'ai juste modifié comme ceci

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<script type='text/javascript'> function compteCarac(idTextarea, idSpan, nombre_caracteres) { var t = document.getElementById(idTextarea); var s = document.getElementById(idSpan);     lngTxt = t.value.length; if(parseInt(t.value.length)>nombre_caracteres) s.style.color= 'red'; else s.style.color= 'green';   s.innerHTML = lngTxt;   } </script>

---

Merci encore

y a pas de quoi ;)