changer la couleur d'une partie d'une chaine de caractère

salut,

je voulais savoir s'il était possible de changer la couleur d'une partie d'une chaine de caractère. J'ai déjà réussi à faire une sélection d'une partie d'une chaine:

Code:

---

1 2 3 4 5 6

var oRange = (f.elements[inptxt]).createTextRange(); oRange.moveStart("character",2); // début de la sélection oRange.moveEnd("character",5); // fin de la sélection oRange.select();

---

donc j'ai ésayer de remplacer la ligne ou je fais un select par la ligne qui suit:

Code:

---

oRange.style.color="#FF0033";

---

Mais ça ne fonctionne pas.
si quelqu'unà une idéé, je suis preneur, merci.

essaye:

Code:

---

oRange="<div style='color:red'>"+oRange+"</div>"

---

ou un truc du genre ...

Ca t'irais ca :

Code:

---

1 2 3 4 5 6

function coloriserString(text, debut, fin, color) { return text.substring(0, debut) + "<span style='color:" + color + "'>" + text.substring(debut, fin+1) + "</span>" + text.substring(fin+1); }

---

Code:

---

document.getElementById('test').innerHTML = coloriserString("ma chaine de caracteres", 3, 8, 'red');

---

je suis d'accord avec le principe, mais cela ne fonctionne pas.

voilà mon code auquel j'ai intégrer ta fonction:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

var val=form1.numref.value; var error=false; var un=(form1.numref.value).substring(0,2); var deux=parseInt((form1.numref.value).substring(2,6));   if (un.toUpperCase()!="FS" && un.toUpperCase()!="AO" && un.toUpperCase()!="DL" ){ alert("Saisie incorrect du numéro de référence!"); error=true; document.getElementById('ref').innerHTML = coloriserString(val, 0, 2, 'red'); }   if (isNumeric(deux)){ if (deux<=2007){ if (error==false){ alert("Saisie incorrect du numéro de référence!"); error=true; } document.getElementById('ref').innerHTML = coloriserString(val, 2, 6, 'red'); }   }else{ if (error==false){ alert("Saisie incorrect du numéro de référence!"); error=true; } document.getElementById('ref').innerHTML = coloriserString(val, 2, 6, 'red'); }

---

Qu'est qui ne fonctionne pas ??

document.getElementById('ref') pointe vers quel élément HTML ?

il poine vers un champs texte, je nai jammais utiliser le innerHTML auparavant, je l'utilise peut etre mal...
Mais mon texte reste de la même couleur

Tu parles d'un champ <input type="text" /> ?

C'est normal alors. Moi ca marche avec une DIV ou un truc du genre mais pas une zone de saisie.

Je suis pas sur que l'on puisse le faire dans une zone de saisie. On peut changer la couleur ok mais c'est soit tout soit rien.

pourtant j'arrive à sélectionner une partie du champs texte, il doit surement y avoir un moyen de changer la couleur de la sélection.

Non , on ne peux pas changer la couleur du texte ( ou d'une partie ) de cette façon , il faut que tu accèdes aux propriété de ton champs input , puis par les style :

monchamps.style.color = "red";

bon courage

merci,
mais la difficulté n'est pas de changer la couleur de mon texte, ca je sais faire, mais de changer seulement une partie de mon texte
ex : comme ça par exemple

et ca tu peux pas le faire avec un simple monchamps.style.color = "red";

tu ne peux pas du tout mettre différente couleur dans un champs input texte