scriptaculous : Gérer les "queue" [Résolu]

[yotsumi]

Bonjour à vous !

J'aurais besoin d'aide pour l'utilisation de la classe Script.Aculo.Us si c'est possible.

Voilà mon problème : J'ai un div , j'aimerais qu'il deviennent invisible ( fade / scroll ), que le texte qu'il contient change ( sans que l'utilisateur ne s'en apercoive donc ), et qu'il réaparaisse ,

Je pensais à ce genre de code, mais le changement se fait avant le début du premier effet, donc c'est visible par l'utilisateur ( et c'est trés moche ! )

Code :

1
2
3
    new Effect.SlideUp('div', {duration:1.5, queue: 'front' });
    document.getElementById("div").innerHTML=unescape(result);
    new Effect.BlindDown('div', { duration:1.5, queue: 'end' });

Actuellement j'y arrive en utilisant 2 div que j'ouvre/ferme alternativement mais sa tient plus du bricolage que d'autre chose, alors j'aimerais savoir si il est possible de faire mieux.

Code :

1
2
3
    new Effect.SlideUp('div1', {duration:1.5, queue: 'front' });
    document.getElementById("div2").innerHTML=unescape(result);
    new Effect.BlindDown('div2', { duration:1.5, queue: 'end' });

Merci !

[guy777]

Oui il n'attends pas la fin de l'effet avant de passer à autre chose.
Mets une tempo (après chaque effet) dont la durée est supérieure ou égale à celle de l'effet.

Code :

1
2
3
4
5
6
7
8
9
 
function pausecomp(millis) 
{
        date = new Date();
        var curDate = null;
 
        do { var curDate = new Date(); } 
	while(curDate-date < millis);
    }

[yotsumi]

Désolé mais ta solution ne marche pas ( ce qui m'étonne bcp ! )

Code :

1
2
3
4
            new Effect.Fade('principal', {duration:1.5});
            pausecomp(1600);
            document.getElementById('principal').innerHTML="coucou";
            new Effect.FadeIn('principal', {duration:1.5});

Le résultat est assez spécial : au lancement de la fonction, le script se gèle pdt 1.6s puis passe direct au changement de contenu sans voir une milli-seconde du Fading !

Si quelqu'un a mieux à proposer, je suis prenneur !

Edit :
Cette syntaxe à l'air de fonctionner, mais je suis pas trop fan !

Code :

1
2
3
4
5
6
7
8
function test() {
            new Effect.Fade('principal', {duration:1.5});
            setTimeout('test2();',1500);
}
function test2() {
            document.getElementById('principal').innerHTML="coucou";
            new Effect.Appear('principal', {duration:1.5, queue: 'end' });
}

[yotsumi]

Oulala j'y jsuis enfin arrivé d'une manière correcte :

Code :

new Effect.SlideUp('principal', {duration:1.5, afterFinish:function() { test2(); } });

Suffisait de le savoir ! J'espère que sa servira à d'autres personnes !