Clignotement d'un objet

**cortex59** · 17/07/2008, 10h44

Bonjour,

je voudrais faire clignoter un objet voyant. C.A.D changer la couleur de fond selon un temps

pour l'instant j'ai trouver ceci

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
 
setTimeout (
function() {
  if (This.m_variable_cligno == 0)
  {
    This.m_rectElem.setAttribute("style", "fill:rgb(255,255,255)"+ ";" +contour);
    This.m_variable_cligno = 1;
  }
  else
  {
    This.m_rectElem.setAttribute("style", back+ ";" +contour);
    This.m_variable_cligno = 0;
  }
}
 ,1000);

le probleme c'est que je ne peut pas regler la frequence de clignotement, le 1000 c'est de temps avant qui commence a clignoter

des idées a me proposer pour regler la frequence de clignotement?

merci

**Bovino** · 17/07/2008, 10h51

setInterval plutôt que setTimeout

**SpaceFrog** · 17/07/2008, 11h04

c'est possible avec la focntion setTimeout, il suffit de relancer la focntion en fin de focntion, mais je n'aime pas trop cette methode.

COmme le dit Beef, il vaut mieux passer par setInterval

**cortex59** · 17/07/2008, 11h16

OK pour setInterval mais je supose que je n'est pas qu'a remplacer settimeout par setInterval?

merci

**SpaceFrog** · 17/07/2008, 11h24

Dans l'idée ...
mais je ne garantis rien sur le this ???
je ne sais pas à quoi il correspond dans ton code ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function clignotte() {
  if (This.m_variable_cligno == 0)
  {
    This.m_rectElem.setAttribute("style", "fill:rgb(255,255,255)"+ ";" +contour);
    This.m_variable_cligno = 1;
  }
  else
  {
    This.m_rectElem.setAttribute("style", back+ ";" +contour);
    This.m_variable_cligno = 0;
  }
}
var clignotementationnage=setInterval(clignotte() ,1000);

**cortex59** · 17/07/2008, 11h37

j'ai bien aime le "clignotementationnage"

par contre la fonction fonctionne mais a chaque changement de couleur de fond il me pete une erreur (argument non valide) sur

Code :

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

var clignotementationnage=setInterval(clignotte() ,1000);

**SpaceFrog** · 17/07/2008, 11h40

essaye

Code :

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

var clignotementationnage=setInterval(function(){clignotte()} ,1000);

mais encore une fois cela peut provenir de ton this ...

**cortex59** · 17/07/2008, 11h48

C'est du code que je reprens mais je pense que this c'est l'objet
(mais je suis pas tres fort en code)

Mais ce que tu ma fais essayer en 2nd c'est encore pire ca fais nimp

J'ai oublier de te signaler que cette fonction est dans un Onrefresh
j'ai mis 1 alert devan

Code :

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

var clignote = setInterval(function(){clignotte()} ,1000);

et 1 alerrt derriere

mais celui de derrriere n'arrive jamais! j'ai toujour que le premier
est ce que le Onrefresh ne serais pas trop rapide par rapport a la fonction?

merci

**SpaceFrog** · 17/07/2008, 11h49

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
<script type='text/javascript'>
function clignotte(){
Obj=document.getElementById('one')
Obj.style.backgroundColor=(Obj.style.backgroundColor=='red')?'green':'red';
}
 
function LaunchCligno(){
var blinkationnement=setInterval("clignotte()",1000);
}
 
</script>
 
 
</head>
 
<body onload="LaunchCligno()">
<div id='one' style="background-color:red">lkjlkj</div>
</body>
 
</html>

**Bovino** · 17/07/2008, 11h49

Essaye peut-être

Code :

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

var clignotementationnage=setInterval('clignotte()' ,1000);

???

**cortex59** · 17/07/2008, 11h53

NON toujour pas
erreur : Objet attendu

**SpaceFrog** · 17/07/2008, 11h54

Mon code fonc tionne ...

**cortex59** · 17/07/2008, 12h01

Desole je n'avais pas vu
mais pour etre sincere avec toi je n'est pas compris
Il faut que je le sorte du Onrefresh?

**SpaceFrog** · 17/07/2008, 13h26

ne sachant pas ce que fait ton onrefresh ....

à priori une fonction de rafraichissement ... mais de quoi et quand ???

**cortex59** · 17/07/2008, 16h13

OK ca fonctionne un peu mieux

voici ce que j'ai ecris

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
function clignotte() {
  if (This.m_variable_cligno == 0)
  {
    This.m_rectElem.setAttribute("style", "fill:rgb(255,255,255)"+ ";" +contour);
    This.m_variable_cligno = 1;
  }
  else
  {
    This.m_rectElem.setAttribute("style", back+ ";" +contour);
    This.m_variable_cligno = 0;
  }
}
 
if (toto == 0)
 {
	var clignot = setInterval(clignotte ,1000);
	toto = 1;
}

J'en suis venu a la deduction qu'il ne faut que setInterval soit lancer qu'une fois. Donc le clignotenement fonctionnne mieux
mais le probleme c'est que la variable back ne se met pas a jour dans la fonction clignotte()

**Bovino** · 17/07/2008, 16h29

Ben oui, setInterval sert à lancer périodiquement un traitement... il ne faut l'appeler qu'une fois !
Ta variable back ??? Elle sort de quel chapeau ?

**SpaceFrog** · 17/07/2008, 16h30

un test sur back hors du test de lancement du setInterval,
puis un clearInterval

**cortex59** · 17/07/2008, 16h49

Voici ma fonction Onrefresh, quiu se lance en boucle

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
53
54
55
56
57
58
59
60
Dynamicvoyant.prototype.OnRefresh = function()
{
 
// Get the value
var value = this.m_arrayValueDefinition[0].getValue();	
 
   var red = Math.round((fond_couleur & 0x000000FF) >> 0);
   var green = Math.round((fond_couleur & 0x0000FF00) >> 8);
   var blue = Math.round((fond_couleur & 0x00FF0000) >> 16);
   var back = "fill:rgb("+ red +","+ green+","+blue+")";
 
   red = Math.round((fond_contour_couleur & 0x000000FF) >> 0);
   green = Math.round((fond_contour_couleur & 0x0000FF00) >> 8);
   blue = Math.round((fond_contour_couleur & 0x00FF0000) >> 16);
   var contour = "stroke:rgb("+ red +","+ green+","+blue+")"; 
 
 
if (clignotement == "Vrai")
{
 
var This=this;
 
function clignotte() 
{
alert ("1");
  if (This.m_variable_cligno == 0)
  {
    This.m_rectElem.setAttribute("style", "fill:rgb(255,255,255)"+ ";" +contour);
    This.m_variable_cligno = 1;
  }
  else
  {
    This.m_rectElem.setAttribute("style", back+ ";" +contour);
    This.m_variable_cligno = 0;
  }
}
 
if (this.m_timer1 == 0)
 {      alert ("j entre");
	var clignot = setInterval(clignotte ,1000);
	this.m_timer1 = 1;
}
 
}
 
else
{
 
clearInterval(clignot);
this.m_timer1 = 0;
 
this.m_rectElem.setAttribute("style", back+ ";" +contour);
 
}
 
 
    fond_contour_couleur = 0x00000000; 
    fond_couleur = 0x00808080;
 
}