Discussion :

[mohcultiv]

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 :

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

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 :

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

oRange.style.color="#FF0033";

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

[SpaceFrog]

essaye:

Code :

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

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

ou un truc du genre ...

[Bezout]

Ca t'irais ca :

Code :

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

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 :

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

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

[mohcultiv]

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

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

Code :

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

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');
				}

[Bezout]

Qu'est qui ne fonctionne pas ??

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

[mohcultiv]

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

[Bezout]

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.

[mohcultiv]

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.

[le_chomeur]

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

[mohcultiv]

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";

[le_chomeur]

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