Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Autocompletador AJAX+PHP+MYSQL

Estas en el tema de Autocompletador AJAX+PHP+MYSQL en el foro de Frameworks JS en Foros del Web. Hola a todos, Tengo este código que genera un input en el cual escribo el inicio de una palabra y automaticamente me sale una lista ...
  #1 (permalink)  
Antiguo 07/05/2010, 06:41
 
Fecha de Ingreso: enero-2007
Mensajes: 158
Antigüedad: 17 años, 3 meses
Puntos: 2
Autocompletador AJAX+PHP+MYSQL

Hola a todos,
Tengo este código que genera un input en el cual escribo el inicio de una palabra y automaticamente me sale una lista con las posibles coincidencias encontradas con la base de datos mysql.
Bien, esto me funciona correctamente, pero el problema lo tengo cuando quiero en la misma página aparezca más de un input para aplicar el desplegable.

El codigo javascript es este:
Código:
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript">
	function lookup(inputString) {
		if(inputString.length == 0) {
			// Hide the suggestion box.
			$('#suggestions').hide();
		} else {
			$.post("rpc.php", {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>
El input es este:
Código PHP:
<input type="text" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" /> 
Y la capa del desplegable es esta:
Código PHP:
<div class="suggestionsBox" id="suggestions" style="display: none;">
        <
div class="suggestionList" id="autoSuggestionsList"></div>
</
div
Alguien me podria indicar qué puedo hacer para poder meter más de un input en la misma página? Creo que la función javascript debería tener un indice más para poder diferenciar los inputs, pero no sabría hacerlo funcionar.

Gracias de antemano
  #2 (permalink)  
Antiguo 07/05/2010, 07:24
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Autocompletador AJAX+PHP+MYSQL

Hola

Mira este post en el que se trata el mismo tema. La diferencia es que no se usar ningún frameworks, pero puede que te de alguna idea

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 07/05/2010, 07:30
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: Autocompletador AJAX+PHP+MYSQL

Una opción es que recibas como parámetro de la función dos ids, el de la caja de texto y el "suggestionBox" asociado (este último hasta se puede crear directamente manipulando el DOM), y usas esos IDs para procesar los datos.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #4 (permalink)  
Antiguo 07/05/2010, 07:39
 
Fecha de Ingreso: enero-2007
Mensajes: 158
Antigüedad: 17 años, 3 meses
Puntos: 2
Respuesta: Autocompletador AJAX+PHP+MYSQL

Hola de nuevo, os agradezo las respuestas, pero... seríais tan amables de indicarme algún código similar para verlo mejor? El javascript no es mi fuerte ;)

Voy a seguir estudiando la url de Adler

Un saludo

Etiquetas: ajax, autocompletador
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:53.