Bloc-note de développeurs

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.

Tag: Astuce, effet, fonction, formulaire, Javascript, mootools
Vous avez aimé, alors partagez