Faire clignoter un élément

Version imprimable

Bonjour à tous,

je cherche à faire clignoter un élément sélectionné et ce, tant que l'on ne clique pas sur un autre.

J'ai d'ores et déjà codé ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
       $(".building").bind("click", function(event) {
            _runIt = function(element) {
                element.animate({backgroundColor: "red"}, 1000);
                element.animate({backgroundColor: "blue"}, 1000);
                _runIt(element);
            };
 
            // Remise a la couleur initiale
            $(".building").css({backgroundColor: "blue"});
 
            // Stoppe le clignotement
            $(".building").stop(true);
 
            _runIt($(this));
        });

Mais je ne trouve ça propre, super bien fait, avez-vous des suggestions pour améliorer ceci?

:merci:

30/08/2010, 08h34
SpaceFrog

tu peux t"inspirer d'un plugin existant ...
http://plugins.jquery.com/project/blink
30/08/2010, 08h55
Arnaud F.

Forcément, quand on sait où chercher ... ;)

:merci:, je vais y jeter un oeil et vous dire quoi :)

Re,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
(function($)
{
	$.fn.blink = function(options)
	{
		var defaults = { delay:500 };
		var options = $.extend(defaults, options);
 
		return this.each(function()
		{
			var obj = $(this);
			setInterval(function()
			{
				if($(obj).css("visibility") == "visible")
				{
					$(obj).css('visibility','hidden');
				}
				else
				{
					$(obj).css('visibility','visible');
				}
			}, options.delay);
		});
	}
}(jQuery))

Je pensais pouvoir faire ça en jQuery ...

30/08/2010, 14h34
Mahefasoa

fadeIn et fadeOut
Bonjour,

Une série de fadeIn et fadeOut ne ferait pas l'affaire?
Code:

1 2 $("div").fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
Il suffit (je crois) de l'exécuter régulièrement tant qu'une condition n'est pas remplie.

Bien cordialement,
30/08/2010, 14h40
SpaceFrog

on peut pas faire une fn avec un toogle et dans le callback un auto appel ?
30/08/2010, 18h28
Arnaud F.
Citation:
Envoyé par Mahefasoa

Bonjour,

Une série de fadeIn et fadeOut ne ferait pas l'affaire?

Code:

1 2 $("div").fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);

Il suffit (je crois) de l'exécuter régulièrement tant qu'une condition n'est pas remplie.

Bien cordialement,
Une série de combien? Si l'utilisateur ne fait rien pendant 10 minutes, ça devra clignoter 10m ;)

Citation:

Envoyé par SpaceFrog

on peut pas faire une fn avec un toogle et dans le callback un auto appel ?

C'est possible, seulement moi et les callbacks...