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