Masquage d'un formulaire avec jQuery mais ne voulant pas qu'il se cache lorsque la saisie semi-automatique est lancée

Question

J'ai défini un formulaire pour fadeOut en utilisant jQuery lorsque le mouseleaves le formulaire qui a un ID de #loginform_top. Cela fonctionne bien mais comme ce formulaire est une boîte de connexion quand firefox affiche les detials de saisie semi-automatique pour les champs de saisie dans cette forme l'action de déplacer la souris sur la saisie semi-automatique cache mon formulaire. Est-il loin d'être en mesure de sélectionner la saisie semi-automatique sans masquer le formulaire. Merci d'avoir regarder ceci. J'utilise le code suivant:

$('#loginform_top').hide(); 
    $('.loginToggle').mouseover(function() { 
    if(!$('#loginform_top:visible').length) 
    { 
     $('#loginform_top').fadeIn('fast'); 
    } 
    }); 
    $('#loginform_top').mouseleave(function() { 
    $('#loginform_top').fadeOut('fast') 
    }); 

});

Answer 1

Vous souhaiterez peut-être agrandir le formulaire en y ajoutant <br /> s ou en définissant son attribut de style de hauteur. Cela peut être provoqué par la souris quittant le formulaire en cliquant sur les options d'auto-complétion (ce que je pense que vous avez décrit ci-dessus).

Je n'ai pas vérifié, mais vous pourriez peut-être combiner ceci avec onblur = "" qui indique quand la zone de texte n'est pas sélectionnée. Ensuite, votre autre code JavaScript peut référencer une variable définie ici.

Answer 2

Il s'agit plus d'un hack, mais que faire si vous avez démarré un setTimeout dans le gestionnaire de mouseleave qui retarde le masquage du formulaire pour donner à l'utilisateur une chance de traiter la saisie semi-automatique.

Alternativement, vous pouvez fournir un "X" ou quelque chose pour permettre à l'utilisateur de rejeter le formulaire s'il choisit de ne pas se connecter, plutôt que d'utiliser le mouseleave. Cela suppose que la connexion et non est une option valide.