[JQuery] AJAX, ASP et Jquery
Bonjour,
Je galère énormement en ce qui concerne AJAX, JQuery et ASP.
J'essaie de créer une autocomplementation elle est connectée à sql server express.
Hélas, je n'y arrive pas. Il faut dire qu'il y a rien concernant JQuery et ASP.
S' il y a une personne qui peut m'aider, je lui serai eternellement reconnaissant :D
Voici le code de la page asp qui comprend l'input
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
| <script type="text/javascript" src="jquery-1.2.6..pack.js"></script>
<script>
function lookup(inputString) {
if(inputString.length == 0) {
// Hide the suggestion box.
$('#suggestions').hide();
} else {
$.post('autocomplete.asp', {queryString: "+inputString+"}, function(data){
if(data.length >0) {
$('#suggestions').show();
$('#autoSuggestionsList').html(data);
}
});
}
} // lookup
function fill(thisValue) {
$('#inputString').val(thisValue);
setTimeout("$('#suggestions').hide();", 200);
}
</script>
<style type="text/css">
body {
font-family: Helvetica;
font-size: 11px;
color: #000;
}
h3 {
margin: 0px;
padding: 0px;
}
.suggestionsBox {
position: relative;
left: 30px;
margin: 10px 0px 0px 0px;
width: 200px;
background-color: #212427;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid #000;
color: #fff;
}
.suggestionList {
margin: 0px;
padding: 0px;
}
.suggestionList li {
margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;
}
.suggestionList li:hover {
background-color: #659CD8;
}
</style>
</head>
<body>
<div>
<form>
<div>
Type your county:
<br />
<input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
</div>
<div class="suggestionsBox" id="suggestions" style="display: none;">
<img src="upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" width="10" height="10" />
<div class="suggestionList" id="autoSuggestionsList">
</div>
</div>
</form>
</div> |
le code de la page qui recupere les données dans la page asp (autocomplete.asp)
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
Dim rs
Dim Titre
Titre = request.form("queryString")
SQL = "Select * From Produit WHERE DescripTitre Like " & Titre
Set rs = Server.CreateObject("ADODB.Recordset")
'Ouverture du premier recordset
rs.Open SQL, conn,3,3
'response.write("<ul>")
Do While Not rs.EOF
response.write("<onclick=<li onClick=fill("&rs("DescripTitre")& ")> " &rs("DescripTitre") &"</li>")
'response.write(rs("DescripTitre"))
rs.movenext
loop
'response.write("</ul>")
conn.close
set conn = nothing |
merci de votre aide
