Fenêtre ouverte sur cliquez dans la zone de texte à l'aide de jQuery

Je veux créer une fonctionnalité similaire à ce que www.redfin.com a sur leur page de recherche. Un formulaire de recherche est ouvert comme un utilisateur clique dans la zone de texte.

Je suis en utilisant MVC et jQuery, mais je suis pas sûr de savoir comment aller à ce sujet. J'ai essayé en utilisant la boîte de Dialogue plugin, mais pour une raison quelconque, le dialogue ne s'ouvre qu'une fois.

<input id="txtSearch" type="text" />
<div id="searchForm" title="Dialog Title">I am a dialog</div>

$("#txtSearch").click(function() {
    //Show form
    $("#searchForm").dialog();
});

Cependant, dans un site web de la boîte de dialogue ne s'ouvre même pas.

$("#txtSearch").click(function() {
        //Show form
        $("#searchForm").dialog();
    });

Utilisation de focus ou cliquez semblent avoir le même effet. La boîte de dialogue ne s'ouvre qu'une fois. Quand je le ferme et cliquez dans la zone de texte nouveau, il n'y a pas de dialogue.

Suis-je utiliser la bonne approche pour accomplir cette tâche?
Existe-il des échantillons?
Suggestions de bienvenue.

La boîte de dialogue pourrait ne pas être le meilleur choix, car il crée le titre. Je me demandais ce que je peux utiliser comme je veux aussi poster le formulaire via ajax et afficher les résultats sur la même page.

Grâce

InformationsquelleAutor Picflight | 2009-03-26
  1. 1

    et vous voulez vous assurer que vous êtes d'emballage la liaison des événements dans un document prêt script (vous avez peut-être déjà fait, mais je suis simplement en pointant parce que ce n'était pas dans votre exemple de code, juste au cas où)

    $(document).ready(function() {
    $("#txtSearch").click(function() {
        //Show form
        $("#searchForm").dialog();
    });
});

    MODIFIER

    $("#searchForm").la boîte de dialogue(); seuls les registres de la boîte de dialogue pour le formulaire de recherche je pense que

    Je pense que vous pouvez avoir besoin d'appeler une boîte de dialogue show() et hide() pour obtenir d'apparaître et de disparaître. J'ai utilisé le jqModal avant et a dû le faire de cette façon 

    $(document).ready(function() {
    $("#searchForm").jqm({modal: true}); //register this div as a modal

    $("#txtSearch").click(function() {
        //Show form
        $("#searchForm").jqmShow(); //show div
    });
});

    plus tard, pour fermer la modale, vous appelez

    $("#searchForm").jqmHide();
    InformationsquelleAutor Jon Erickson
  2. 0

    Vous voudrez probablement utiliser la focus de l'événement au lieu de le click événement.

    Autant que ce à utiliser pour le dialogue, je vous recommandons de vérifier BeautyTips. Consultez la section "Personnalisation des déclencheurs", par exemple dans cette page, c'est précisément ce que vous essayez de faire.

    • Merci pour votre réponse. À l'aide de l'accent ou cliquez semblent avoir le même effet. La boîte de dialogue ne s'ouvre qu'une fois. Quand je le ferme et cliquez dans la zone de texte nouveau, il n'y a pas de dialogue.
    • Si vous onglet pour le champ de saisie, il ne se déclenche pas avec cliquez.
    InformationsquelleAutor Paolo Bergantino