modifier la couleur d'une variable clignotante

Version imprimable

Bonsoir,
Je suis débutant en JavaScript et je souhaiterai avoir de l'aide pour modifier le script ci-dessous:
J'ai trouvé un code sur le net (celui situé entre les balises head) qui permet de rendre compatible IE avec la balise blink.

J'ai un script qui me permet de faire clignoter une variable, mais je voudrais aussi pouvoir la changer de couleur, et je n'y arrive pas. J'ai essayé avec front color, mais ça ne fonctionne pas(plus rien ne s'affiche)
Quelqu'un peut-il m'aider??
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 30 31 32 <head> <script> go_visibility = new Array; function goblink() { if(document.getElementById && document.all) { blink_tab = document.getElementsByTagName('blink'); for(a=0;a<blink_tab.length;a++) { if(go_visibility[a] != "visible") go_visibility[a] = "visible"; else go_visibility[a] = "hidden"; blink_tab[a].style.visibility=go_visibility[a]; } } setTimeout("goblink()", 500); } window.onload= goblink; </script> </head> <body> <script> chiffre=40; document.write('<blink>'+chiffre+'</blink>'); </script> </body>

02/04/2010, 07h40
vermine
Bonjour,

A la place de:
Code:

1 2 document.write('<blink>'+chiffre+'</blink>');
Vous pourriez avoir un <span> ou un <div> dont vous changeriez la couleur via son style:
Code:

1 2 3 4 5 6 7 8 <html> ... <blink> <span id="id_span"></span> </blink> ... </html>

:roll:

un simple css suffit ...
et pour eviter une pile de fonctions un setInterval est plus approprié

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
30
31
32
33
34
35
<head>
<script>
go_visibility = new Array;
 
function goblink()
	{
	if(document.getElementById && document.all)
		{
		blink_tab = document.getElementsByTagName('blink');
		for(a=0;a<blink_tab.length;a++)
			{
			if(go_visibility[a] != "visible")
				go_visibility[a] = "visible";
			else
				go_visibility[a] = "hidden";
			blink_tab[a].style.visibility=go_visibility[a];
			}
		}
 
	}
window.onload=function(){ setInterval(goblink, 500)};
 
 
</script>
 
<style type="text/css">
blink {color:red;}
</style>
 
</head>
<body>
 
<blink>40</blink>
 
</body>

02/04/2010, 08h49
vermine

Peut-être qu'il faut changer plusieurs fois la couleur ...

:P
02/04/2010, 08h57
SpaceFrog

Citation:

J'ai essayé avec front color,

front ?
c'est

Code:

style.color

Citation:

Envoyé par SpaceFrog

front ?
c'est

Code:

style.color

:oops::oops:c'est pas front mais fontcolor.

J'ai un peu avancé mais je n'arrive pas à comprendre pourquoi:
-si ma variable chiffre est une chaine de caractères, ça fonctionne.
-si ma variable chiffre est un nombre, ça ne fonctionne plus:cry:

Si je n'ai pas une nombre, mon script d'affichage d'alertes ne fonctionne pas...

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<head>
<script type="text/javascript">
if ( document.all )
{
	function blink_show()
	{
		blink_tags  = document.all.tags('blink');
		blink_count = blink_tags.length;
		for ( i = 0; i < blink_count; i++ )
		{
			blink_tags[i].style.visibility = 'visible';
		}
 
		window.setTimeout( 'blink_hide()', 500 );
	}
 
	function blink_hide()
	{
		blink_tags  = document.all.tags('blink');
		blink_count = blink_tags.length;
		for ( i = 0; i < blink_count; i++ )
		{
			blink_tags[i].style.visibility = 'hidden';
		}
 
		window.setTimeout( 'blink_show()', 500 );
	}
 
	window.onload = blink_show;
}
</script>
</head>
<body>
<script>
var chiffre="200";
if(chiffre>=350 && chiffre<700){
document.write(chiffre.fontcolor("orange"));
}else if (chiffre>0 && chiffre<350){
document.write(chiffre.fontcolor("red").blink());
}else if (chiffre==0){
document.write("Plus rien!!!".fontcolor("red"));
}else{
document.write(chiffre.fontcolor("yellow"));}
var reference="150";
if(chiffre<reference&&chiffre>=50){
alert("ATTENTION: chiffre inférieur à la référence!!!");
}
else if((chiffre<reference)&&chiffre<50){
alert("ATTENTION: chiffre inférieur à la référence et inférieur à la limite autorisée!!!");
}
</script>
</body>

Salut,

La fonction fontcolor ne s'applique tout simplement pas à un nombre, uniquement à une chaine...

Si tu veux continuer ainsi (même si un CSS le fait très bien comme l'indique SpaceFrog et que ton type de code est dépassé), tu peux faire:
Code:

1 2 3 4 5 6 7 8 9 var chiffre=200; if(chiffre>=350 && chiffre<700){ document.write((chiffre+"").fontcolor("orange")); }else if (chiffre>0 && chiffre<350){ document.write((chiffre+"").fontcolor("red").blink()); }else if (chiffre==0){ document.write("Plus rien!!!".fontcolor("red")); }else{ document.write((chiffre+"").fontcolor("yellow"));}
ERE

02/04/2010, 11h49
SpaceFrog

autant passer par le css comme montré ci dessus ... :roll:
02/04/2010, 12h00
lumycaan

Merci à tous de vos explications:ccool:

Je vais utiliser la méthode de Spacefrog avec le css.
02/04/2010, 12h20
emmanuel.remy

Voilà une sage et moderne décision !
:D
ERE