Discussion :

[sebdug]

hello !

J'ai un petit soucis j'utilise du javascript pour afficher une infobulle animée ( apparition en opacité et en jouant sur le height), tout fonctionne : une fonction appelée par onmouseover et une qui remet tout à zero avec un appel par onmouseout. Le probleme est que si je fais un mouseout avant que ma premiere fonction ne se soit terminée, ca bloque. pas top.

Il faudrait que dans la fonction cache() que je "casse" la boucle ou que je stoppe le setTimeout de la fonction montre() avec un cleartimeout mais je ne sais pas comment faire.

voilà mes 2 fonction qui me pose probleme : (ce n'est qu'une partie du code mais c'est vraiment sur ces 2 là qu'il faut résoudre le problème) :

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
 
function montre(opacStart, opacEnd, millisec,text) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
	if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + text + "')",(timer * speed));
            timer++;bulle=true;
        }
    }
}
 
 
/*c'est cette fonction qui doit arreter la premiere sur un onmouseout*/
function cache() {
changeOpac(0, '');
bulle=false;
}

thanx pour vos lumières !

[le_chomeur]

Salut
pour casser une boucle ou une instruction ( switch par exemple ) il faut utiliser le mot clé "break"
bon courage pour la suite

[sebdug]

yes je pensais aussi à break, mais mon soucis c'est comment "breaker" la premiere fonction à partir de la deuxieme ?

thanx a lot

[le_chomeur]

ha okip ^^
alors je ferais comme ça :

tu déclare une variable globale :

Code :

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

1
2
 
var monTimeOut = null

ensuite sur ta boucle :

Code :

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

1
2
 
monTimeOut  = setTimeout("changeOpac(" + i + ",'" + text + "')",(timer * speed));

et dans ta fonction cache :

Code :

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

1
2
3
4
5
 
function cache() {
clearTimeout(monTimeOut);
bulle=false;
}

voila mais je pense que tu aurais pu utiliser quelques ligne de code en moins , cherche sur ce forum "opacité progressive"
bon courage

[sebdug]

mmmmm j'avais deja essayé ca, c'est ce qui se fait habituellement. J'aurais du le dire désolé ....

mais ca n'y change rien. J'ai mis un temps super long pour test. quand je fais mon mouseout, ben l'anime continue.... ca "clear" pas du tout, la boucle continue jusqu'a la fin.

chié....j vois pas pourquoi ca marche pas. je suis dégouté.

[FremyCompany]

Regarde du coté de ca :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function x() {
  // Arrête cette fonction dans 100ms
  setTimeout(y, 100);
  x.canRun=true;
  while(x.canRun && anotherThingToTest) {
    // Do something
  }
}
 
function y() {
  x.canRun=false
  // Do something else
}