plugin colorAnimations, aléatoirement le texte reste rouge

**godmich** · 15/02/2010, 17h41

Bonjour à tous,

En fait, j'aimerais faire changer la couleur d'un texte progressivement puis le faire revenir à sa couleur initiale progressivement aussi. Une sorte de highlight mais sur un texte.

Exemple : noir -> rouge -> noir

Pour faire ça j'ai utilisé ce code :

Fichier Javascript

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function () {                                
    $('#lien').click(function () {    
        $('#test').animate({
            color: 'red'
        },500, function() {
            $(this).animate({
                color: 'black'
            },1000);
        });
    });
});

Fichier HTML

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
<script type="text/javascript" src="/js/jquery/jquery.js"></script>
<script type="text/javascript" src="/js/jquery/color.js"></script>
<script type="text/javascript" src="test_animate.js"></script>
</head>
<body>
<span id="test" style="font-size: 30pt ;">Test</span><br/><br/>
<a href="#" id="lien">Click</a>
</body>
</html>

Mais, j'ai un bug bizarre qui apparait aléatoirement (on va dire une fois sur trente environ). Le texte reste en rouge. J'ai essayé plein de trucs, mais ça merdoie toujours.

Si quelqu'un a une solution ça m'aiderait vraiment beaucoup, il faut vraiment que je trouve une solution pour corriger ce bug...

Merci d'avance.

**danielhagnoul** · 15/02/2010, 20h53

Bonsoir.

Vous pouvez simplifiez l'écriture :

Code :

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

1
2
3
4
5
$("#lien").click(function(){
	$("#test")
		.animate({color: "red"}, 500)
		.animate({color: "black"}, 1000);
});

Quel script utilisez-vous pour l'animation des couleurs, jquery-colorAnimations.js ou l'effet inclus dans UI ?

**godmich** · 16/02/2010, 12h19

Bonjour,

Tout d'abord, merci pour votre réponse.
J'ai essayé l'écriture simplifiée que vous proposez mais le bug est toujours présent, malheureusement...

Sinon, j'utilise ce plugin pour l'animation des couleurs : http://plugins.jquery.com/project/color

Auriez-vous une autre idée de solution, s'il vous plait ?
Merci d'avance

**danielhagnoul** · 16/02/2010, 23h40

Bonsoir.

Vous utilisez donc le même plugin que moi. Je n'ai jamais eu de problème avec ce plugin et je ne vois pas de problème dans le bout de code que vous avez soumis à notre attention.

Un problème qui se produit aléatoirement une fois sur trente avec ce bout de code ? Excusez-moi, mais j'ai du mal à y croire.

**godmich** · 17/02/2010, 14h35

Bonjour,

Je vous invite à aller sur ce site (http://desizntech.info/demo/jQuery_color_animation/) qui utilise le même plugin et aller sur la partie "Font Color Animation with jQuery".

Si vous faites des aller-retour sur les liens pendant une petite minute vous verrez qu'aléatoirement certains liens restent en bleu turquoise (au lieu de revenir en blanc). Ce bug n'apparait que sur Firefox.

Donc, je voulais savoir si vous n'auriez pas une solution (ou une sorte de hack pour Firefox) pour pouvoir contourner ce bug.

Merci par avance. Je cherche désespérément une solution...

**danielhagnoul** · 17/02/2010, 23h45

Bonsoir.

Comme je le pensais bien, votre problème n'était pas avec ce petit bout de code, une perte de temps !

Dans Firefox 3.6, l'outil Web Developer 1.1.8 détecte plusieurs erreurs. Des erreurs CSS. Le calcul rgb provoque par intermittence des erreurs NaN. En $('.fourth a') mouseout le paramètre col est indéfini.

plugin colorAnimations, aléatoirement le texte reste rouge

jQuery

Vue hybride

Discussions similaires

Partager

Partager