$.animate() et fadeOut()

Version imprimable

bonjour,

Code:

1
2
3
4
5
6
7
8
9
 
dureeAff: function () {
           $params.Lechar != "" && (!reg_Fr_Ar_Entier.test($params.Lechar) || !regEntierOuFloat.test($params.Lechar))
                ? (
                      $("#" + IdElement).animate({"background" : "white"}, 5000), // pourquoi cette ligne ne s’exécute pas?
                      $("#DivErr" + IdElement).animate({ "display": $("#DivErr" + IdElement).fadeOut(3000) }, 5000)
                   )
                : "";
     }

04/01/2016, 09h00
SpaceFrog

heu display fadeOut ???

fadeOut est déjà une animation en soi

tu lui demandes de disparaitre en 3 secondes ...

Code:

$("#DivErr" + IdElement).fadeOut(3000)

que veuxtu faire sur les 5 secondes ???

Code:

$("#DivErr" + IdElement).animate( ???? , 5000)
04/01/2016, 09h59
Toufik83

bonjour SpaceFrog, j'ai fais ça

Code:

$("#" + IdElement).animate($("#"+IdElement).css("background" , "white"), 5000)

, cela veux dire que le background devient blanc dans 5 secondes, la durée n'est pas respectée, quelle est l'erreur?
04/01/2016, 10h06
SpaceFrog

Tu cherches à faire une transition de couleur de fond ?
04/01/2016, 10h33
Toufik83

oui, la transition de background, c'est exactement ça, ça fonctionnait bien avant, mais j'ai du changé quelque chose dont je ne me rappelle plus.
04/01/2016, 15h45
SpaceFrog

mhhh je passerrais plutot par des divs superposés et jouer sur l'opacité du div blanc ...

jquery ne sait pas animer une transistion de couleurs sans plugin
04/01/2016, 16h31
Toufik83

oui, c'est ce que j'ai vu sur les forums, il faut utiliser un plugin, mais si je veux juste que le background devient blanc dans 5 secondes avec animate, comment puis-je procéder s'il vous plait?
04/01/2016, 16h45
SpaceFrog

Pas avec animate()... avec setTimeout()

bonjour SpaceFrog

j'ai utilisé setTimeout() et celà fonctionne parfait, merci SpaceFrog.

Code:

1
2
3
4
5
6
 
setInter = setTimeout(function () {
                       $("#" + IdElement).css("background", "white");
                       $("#DivErr"+IdElement).fadeOut(3000) ;
                                                       }, 5000)
                       //,  clearInter = clearInterval(setInter, 5000)

pas la peine d'utiliser clearInterval() dans ce cas non?

05/01/2016, 08h12
SpaceFrog

le clearInterval() s'utilise avec setInterval(), et sert à stopper le décompte avant le lancement de l'occurrence suivante de la fonction

avec setTimeout() on utilise clearTimeout qui bloque le décompte et le lancement de la fonction. Mais ce n'est pas l'effet recherché ici ...
05/01/2016, 09h42
Toufik83

Merci SpaceFrog pour l'explication,c'est très claire.