Hola a todos hace poco me inscribi ya que estoy iniciando en la programacion, estoy tratando de hacer un autocompletar en ajax y asp clasic, e seguido varis post de todos ustedes y aun asi no me resulta........ es por tal que recurro a ustedes de manera urgente y bastante complicado para que me puedan ayudar
agradezco me puedan ayudar
codigo html
index.html
!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax Auto Suggest</title>
<script type="text/javascript" src="jquery-1.2.1.pack.js"></script>
<script type="text/javascript">
function lookup(inputString) {
if(inputString.length == 0) {
// Hide the suggestion box.
$('#suggestions').hide();
} else {
$.post("rpc.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" />
<div class="suggestionList" id="autoSuggestionsList">
</div>
</div>
</form>
</div>
</body>
</html>
rpc.asp
<%
'Conexion a BD
set dbc = Server.CreateObject("ADODB.Connection")
dbc.Open "dos"
if(!dbc) {
'/ / Mostrar error si no se puede conectar.
response.Write( "ERROR: No se pudo conectar a la base de datos")
} else {
// Is there a posted query string?
if(isset(POST[queryString])) {
queryString = dbc->real_escape_string(POST[queryString])
' / / Es la longitud de la cadena mayor que 0?
if(strlen(queryString) >0) {
'/ / Ejecutar la consulta: Utilizamos LIKE'% gv_queryString '
'/ / El signo de porcentaje es un comodín, en el ejemplo de países como funciona esto ...
'/ / Gv_queryString =' Uni ';
'/ / Los datos devueltos =' Estados Unidos, United Kindom ";
'/ / QUE NECESITA PARA ALTERAR LA CONSULTA A LA ALTURA DE SU BASE DE DATOS.
'/ / Por ejemplo: SELECT FROM yourColumnName yourtable DONDE yourColumnName LIKE'% gv_queryString 'LIMIT 10
query = dbc->query("SELECT nombre_usuario FROM usuario WHERE nombre_usuario LIKE '$queryString%' LIMIT 10");
if(query) {
'/ / Si bien hay resultados bucle a través de ellos - ir a buscar un objeto (me gusta PHP5 por cierto!).
while (result = query ->fetch_object()) {
'/ / Formato de los resultados, utilizando im <li> para la lista, usted puede cambiarlo.
'/ / La función onClick llena el cuadro de texto con el resultado.
'/ / TIENE QUE CAMBIAR: result-> valor al resultado-> your_colum
response.Write( <li onClick="fill(\''.result->value.'\');">.result->value.</li>;
}
} else {
response.Write( "ERROR: Había un problema con la consulta")
}
} else {
// Dont do anything.
} // There is a queryString.
} else {
response.Write( "No debe haber acceso directo a este script!")
}
}
?
%>
espero me puedan ayudar desde ya gracias
