Astuce : Utiliser un focus juste après un morph

Un problème

J’ai eu un petit soucis l’autre jour par rapport à la connexion des utilisateurs sur un site. Je voulais afficher en fondu un cadre avec un identifiant et un mot de passe puis faire un focus() sur le champ « identifiant ».

$('ecran').fade(1);
$('identifiant').focus();

Le problème vient du fait qu’un focus ne peut se faire que si la case souhaitée est un minimum affichée.

Une solution

J’ai donc utilisé la méthode « delay » que Mootools propose de base pour les fonctions :

$('ecran').fade(1);
(function(){$('identifiant').focus();}).delay(500);

Ainsi, le focus attend 500 millisecondes (le temps que le cadre soit affiché).

Essayez vous même

Vous pouvez directement essayer la première version ou celle qui fonctionne.

Tagués avec : , , , , ,
Publié dans Astuce, Mootools
3 commentaires pour “Astuce : Utiliser un focus juste après un morph
  1. Nakuni dit :

    Un petit mot rapide pour te remercier car ton petit truc vient de me servir ;)

    Je voulais supprimer un input type= »text » par un input type= »password » au clique sans perdre le focus, et grâce à toi ça fonctionne maintenant sur IE ;)

  2. Olivier PEREZ dit :

    Pas de problème, c’est vraiment pas grand chose ce bout de code.
    Mais c’est vrai qu’il est vachement pratique.

  3. Olivier PEREZ dit :

    Pas de problème, c’est vraiment pas grand chose ce bout de code. Mais c’est vrai qu’il est vachement pratique!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*