Problème sur l'effet Lumineux en jQuery !

Par plasma49, il y a 15 ans

Javascript

Bonjour à tous !

Petite question sur le tuto "Effet de lueur en Javascript" ! Dans le tuto on vois bien qu'à un moment on rencontre un problème sur le FadeOut qui se déclenche si l'on clic sur un autre input, et on résout cela par l'ajout d'un stop ! mais le prob et que cela ne change rien du tout, et pire elle bloque carrément le masquage de la lueur :s Alors comment peut ton faire dans cette situation ! Peut être existe-t-il une fonction jQuery pour voir quand l'on change simplement de champs et non qu'on quitte la form ???
En tout cas je dit bravo ! car j'avoue sa rend super bien ! Chapeau ^^

je précise que je suis un grand débutant ^^

code :

$(function(){

    $("#se_connecter").prepend('<div id="glowContainer"><div id="glow"></div></div>');
    $("#glowContainer").hide();

    $("input").focus(function(){
         $("#glowContainer").stop().fadeIn(900,0);
    });
    $("input").blur(function(){
         $("#glowContainer").stop().hide(); (hide pour régler le prob de disparition)
    });

    function animateGlow(){
        $("#glow").css({backgroundPosition:"0 0"})
            .animate({backgroundPosition:"-3000px 0"},25000,"linear",animateGlow);
    }

    animateGlow();

});

Merki à tous d'avance !

2 réponses

Grafikart, il y a 15 ans

Il faut utiliser les fadeTo

$("input").focus(function(){
                    $("#glowContainer").stop().fadeTo(500,1);
                });
                $("input").blur(function(){
                    $("#glowContainer").fadeTo(500,0);
                });