Discussion :

[nicerico]

bonjour

Je voudrais mettre un effet sur la valeur d'un input

Code html :

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

<input type="text" class="email" maxlength="200" value="@" name="email">

Code :

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

$('.email').???.effect("pulsate", { times:3000 }, 500);

je ne vois pas comment atteindre la valeur
merci de votre aide

[Bovino]

effect() n'existe pas dans jQuery...

Sinon, la notion d'animation sur un attribut value n'a pas vraiment de sens... Tu cherches quoi au juste, à faire varier la valeur jusqu'à un montant donné ?

[nicerico]

je cherche à faire "clignoter" la value du input
mais comme contrainte, je ne peux pas utiliser blink ou timeout

dans mon exemple, j'utilise
UI/Effects/Pulsate (http://docs.jquery.com/UI/Effects/Pulsate)

Merci

[danielhagnoul]

Bonsoir

Avec jQuery 1.9.1 et jQuery UI 1.10.1 : $( "input.email" ).effect( "pulsate", { "times" : 6 }, 3000 ); // 6 fois en 3s.

[nicerico]

merci pour votre réponse
cela va se faire sur le input ou sur la valeur du input?

en fait,
j'ai plusieurs champs input de class "email" avec pour chacun la value "@" qui clignote.
actuellement mon code est

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<input class='email' value'@'>
<input class='email' value'@'>
<input class='email' value'@'>
 
$('.email').each(function() {
    var elem = $(this);
    elem.effect("pulsate", { times:3000 }, 500);
    elem.click(function() {
        elem.stop(true, true);
    });
});

ce code s'applique sur les input,
alors que je voudrais que ce soit sur la valeur et que quand un d'entre eux est cliqué, il s’arrête, mais pas les autres

Merci encore pour vos suggestions

[danielhagnoul]

Code :

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

1
2
3
4
5
$( "input.email" )
	.on( "click", function(){
		$( this ).clearQueue();
	})
	.effect( "pulsate", { "times" : 60 }, 30000 ); // 60 fois en 30s

Je crois que limiter l'application de l'effet au texte contenu dans l'input est impossible, la méthode effect() ne peut s'appliquer qu'à un objet jQuery.