arreter une boucle

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:

---

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 !

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

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

thanx a lot:P

ha okip ^^
alors je ferais comme ça :

tu déclare une variable globale :

Code:

---

1 2	var monTimeOut = null

---

ensuite sur ta boucle :

Code:

---

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

---

et dans ta fonction cache :

Code:

---

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

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

Regarde du coté de ca :

Code:

---

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 }

---