Zone de recherche à la facebook

Version imprimable

04/05/2009, 15h18
Munkey74

Zone de recherche à la facebook

Bonjour,

Je suis actuellement en train de développer un site communautaire pour musicien.
J'essaye de réaliser une zone (champ TextBox) de recherche en dessous de laquelle apparaitra les profils correspondant à la saisie.

Mon problème est qu'il n'existe pas de méthode OnKeyDown sur les TextBox, les propositions ne sont donc affichées qu'une fois que le TextBox perd le focus.

Merci d'avance
04/05/2009, 15h50
roster

Citation:

Envoyé par Munkey74

Bonjour,

Je suis actuellement en train de développer un site communautaire pour musicien.
J'essaye de réaliser une zone (champ TextBox) de recherche en dessous de laquelle apparaitra les profils correspondant à la saisie.

Mon problème est qu'il n'existe pas de méthode OnKeyDown sur les TextBox, les propositions ne sont donc affichées qu'une fois que le TextBox perd le focus.

Merci d'avance

As-tu essayé en utilisant AutoCompleteType="AutoCompleteType" ?

Avec par exemple AutoCompleteType="Search" ?

Le truc c'est que l'affichage des propositions ne se fait que lorsque le TextBox perd le focus.

Voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
            <div id="searchZone">                       
                <asp:UpdatePanel ID="UPSearch" runat="server" >
                    <ContentTemplate>
                        <asp:TextBox ID="TBSearch" runat="server" AutoPostBack="true" 
                            ontextchanged="TBSearch_TextChanged" AutoCompleteType="Search" ></asp:TextBox>
                        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>                        
                    </ContentTemplate>
                    <Triggers>
                     <asp:AsyncPostBackTrigger ControlID="TBSearch" EventName="TextChanged" />
                    </Triggers>
                </asp:UpdatePanel>
                <asp:UpdateProgress ID="UPSearchLoading" runat="server" AssociatedUpdatePanelID="UPSearch">
                    <ProgressTemplate>
                        Loading...
                    </ProgressTemplate>
                </asp:UpdateProgress>
            </div>

Et le code behind :

Code:

1
2
3
4
        protected void TBSearch_TextChanged(object sender, EventArgs e)
        {
            Label1.Text = "plop";
        }

04/05/2009, 17h03
p_mehdi

as tu essayé l'autocomplete ajax

http://www.asp.net/AJAX/AjaxControlT...oComplete.aspx
04/05/2009, 17h08
Munkey74

Oui, mais ce composant ne permet pas de mettre des images ou des liens, j'aimerai avoir le même rendu que sur facebook, c'est pour cela que le composant autocompletion ne convient pas... :?
04/05/2009, 17h12
Louis-Guillaume Morand

textbox + jquery + faire à la main.
si tu veux un truc poussé, il te faut mettre les mains dans le cambouis
04/05/2009, 17h15
Munkey74

Merci, aurais-tu un lien qui m'explique tout sa? C'est encore un peu vague pour moi JQuery...
04/05/2009, 17h44
Louis-Guillaume Morand

non non, tu es assez grand pour taper jquery sur google :)

j'ai pas trouvé de plugin faisant directement ce que tu veux, je crois que l'autocomplete est limité mais il y a sûrement moyen de faire qqc mais ca va prendre du temps par contre

petit lien bonus :http://forums.asp.net/p/1406914/3068389.aspx
04/05/2009, 18h31
Munkey74

Merci pour tes réponses.
En effet je suis assez grand mais je pense que les sujets à propos de JQuery sont légion, je voulais donc avoir un lien vers une "bonne" doc...

Encore merci!