AutoComplete-jquery Application
I tried it today. It looks a bit like Google pull-down query.
Index.htm
<! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Title> No title page </title>
<SCRIPT src = "thickbox/jquery-latest.js"> </SCRIPT>
<LINK rel = "stylesheet" href = "thickbox/main.css" type = "text/CSS"/>
<LINK rel = "stylesheet" href = "thickbox/jquery.autocomplete.css" type = "text/CSS"/>
<SCRIPT type = "text/JavaScript" src = "thickbox/jquery. bgiframe. Min. js"> </SCRIPT>
<SCRIPT type = "text/JavaScript" src = "thickbox/jquery. autocomplete. js"> </SCRIPT>
<SCRIPT>
$ (Document). Ready (function (){
VaR DATA = "core selectors attributes traversing manipulation CSS events effects Ajax utilities". Split ("");
// $ ("# Example"). AutoComplete (data );
$ ("# Example"). AutoComplete ("M. aspx", {AutoFill: true });
});
</SCRIPT>
</Head>
<Body>
<Input type = "text" id = "example"/>
</Body>
</Html>
M. aspx
<% @ Page Language = "C #" autoeventwireup = "true" codefile = "M. aspx. cs" inherits = "M" %>
M. aspx. CS
Using system;
Using system. Data;
Using system. configuration;
Using system. collections;
Using system. Web;
Using system. Web. Security;
Using system. Web. UI;
Using system. Web. UI. webcontrols;
Using system. Web. UI. webcontrols. webparts;
Using system. Web. UI. htmlcontrols;
Public partial class M: system. Web. UI. Page
{
Protected void page_load (Object sender, eventargs E)
{
Response. Write (getvalues ());
}
Protected string getvalues ()
{
String tmpstr = string. empty;
String STR = request. querystring ["Q"];
If (STR! = NULL)
{
If (Str. length> 0)
{
String [] ary = dB. getdata (STR); // retrieve data
If (ary! = NULL)
{
Foreach (string TMP in ary)
{
Tmpstr + = TMP + "\ n ";
}
}
}
}
Return tmpstr;
}
}
JS