Discussion :

[John Vass]

Bonjour !

J'ai une fonction qui me permet de changer la couleur d'éléments html/css via une instruction .animate sur mon js.
Toutefois, selon le bouton sur lequel je clique, la couleur doit changer différemment. J'ai déjà permis à mon JS de déterminer la couleur à mettre selon le cas avec un switch, mais mettre l'instruction .animate au cas par cas dans le switch, sachant qu'il y a pas mal de chose à changer n'est pas le plus approprié. Je veux le mettre en dehors.

Dans le switch, je stocke selon le cas la couleur à mettre dans une variable déclaré auparavant :

Code :

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

codeCouleur = "(0, 0, 255, 0.4)" // Par exemple

Et mettre l'instruction animate après le switch, admettons...

Code :

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

$('header').animate({backgroundColor: "rgba("+ codeCouleur + ")"}); // Exemple qui marche pas, je me doute bien, mais c'est pour détailler l'idée...

Quelqu'un peut m'aider là-dessus ? J'avoue qu'étant débutant en JQuery, j'ai un peu de mal à cerner toutes les notions...

Merci bien ! ^^

[SpaceFrog]

il existe un plugin spécial pour faire de l'animate sur les couleurs
http://www.bitstorm.org/jquery/color-animation/

[John Vass]

L'animation en elle-même je l'ai faite et elle marche. Désolé j'ai oublié de le préciser...
C'est juste que, comme j'ai plein de chose à faire selon le lien cliqué (changement de couleur et d'image de fond, brèf tout un programme), je veux stocker la couleur dans une variable dans le switch, puis faire l'instruction d'animate en dehors du switch... C'est tout.

Pas d'autres questions ? Je reste dans le coin au cas où !

[SpaceFrog]

passe par le data() de l'objet pour stocker les couleurs ?

[John Vass]

Heeeuuu o_O
Suis largué, là...
As-tu un exemple quelque part ?

[SpaceFrog]

pour le stocker

Code :

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

$('#monbjet').data('couleur',$(this).css('background-color'))

et pour le reaffecter

Code :

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

$('#monbjet').css('background-color',$(this).data('couleur'))