Muchisimas gracias nuevamente lloptor por tu atencion y disposicion a responder, pero creo que no me entendiste, lo que yo quiero hacer, es en un pagina php, donde tengo un campo para NOMBRE otro para APELLIDO y otro para DIRECCION, se puedan autocompletar con sus respectivas listas.
O sea en NOMBRE si escribo "Ma" me muestre "MARCELO", "MARIA", "MARCO"
en APELLLIDO si escribo "Ma" me muestre "Magallanes", "Manto", "Martinez"
en DIRECCION si escribo "Ma" me muestre direcciones que empiecen con "Ma"..
Yo lo hice utilizando unos AJAX con JS que postearon por ahi y solo me permite hacerlo con una sola consulta, o sea que me autocompleta todos los campos con los mismos datos, o sea en APELLIDO y DIRECCION me autocompleta con MARCELO, MARIA, MARCO....
Por ejemplo utilice esto, y veo que para utilizar un metodo del archivo JS necesito llamarlo en el body
Código PHP:
<body onload="asignaVariables();">
<div class="centrado">
<table border="0" style="margin:auto; width:400px;">
<tr>
<td id="fila_1" class="punteado" style="width:50%">
<input type="text" id="input_1" class="inputs">
<input id="boton_1" onclick="nuevoDato();" type="button" value="Ok" class="botonOk">
</td>
<td id="fila_2" class="punteado" style="width:50%">
<div id="contenedor">
<input type="text" id="input_2" class="inputs"
onfocus="if(document.getElementById('lista').childNodes[0]!=null && this.value!='') { filtraLista(this.value); formateaLista(this.value); reiniciaSeleccion(); document.getElementById('lista').style.display='block'; }"
onblur="if(v==1) document.getElementById('lista').style.display='none';"
onkeyup="if(navegaTeclado(event)==1) {
clearTimeout(ultimoIdentificador);
ultimoIdentificador=setTimeout('rellenaLista()', 1000); }">
<div id="lista" onmouseout="v=1;" onmouseover="v=0;"></div>
</div>
</td>
</tr>
</table>
<div class="aviso" id="mensaje"></div>
</div>
</body>
Y ese metodo es este:
Código:
function asignaVariables()
{
// Funcion que asigna variables que se usan a lo largo de las funciones
v=1; nuevaBusqueda=1; busqueda=null; ultimaBusquedaNula=null;
divLista=document.getElementById("lista");
inputLista=document.getElementById("input_2");
elementoSeleccionado=0;
ultimoIdentificador=0;
}
Intente creando nuevos archivos con distintas variables para cada campo, pero no me soporta el uso de estos.
Gracias!!... y espero tu pronto respuesta.