modifier la couleur d'une variable clignotante

**lumycaan** · 02/04/2010, 00h28

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 :

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

**vermine** · 02/04/2010, 07h40

Bonjour,

A la place de:

Code :

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

1
2
 
document.write('<blink>'+chiffre+'</blink>');

Vous pourriez avoir un <span> ou un <div> dont vous changeriez la couleur via son style:

Code :

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

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

**SpaceFrog** · 02/04/2010, 08h45

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

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

**vermine** · 02/04/2010, 08h49

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

**SpaceFrog** · 02/04/2010, 08h57

J'ai essayé avec front color,

front ?
c'est

Code :

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

style.color

**lumycaan** · 02/04/2010, 11h28

Envoyé par SpaceFrog

front ?
c'est

Code :

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

style.color

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

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

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

modifier la couleur d'une variable clignotante

JavaScript

Vue hybride

Discussions similaires

Partager

Partager