Tengo una pregunta... Como puedo tener varios Campos de texto con ajax para distintas consultas??? Por ejemplo ùno para autocompletar Nombre, otro para autocompletar Apellido y otro para autocompletar Direccion??? es eso posible??
Se supone que en nuestro body de nuestra pagina llamamos a una funcion que esta en un archivo .jsp y antes de nada llamamos en un script al archivo de Ajax... lo que nos obligaria a solo usar unicamente al archivo JSP y al PHP de un AJAX.
Asi comenzaria nuestro archivo.php donde ponemos los campos de texto para autocompletarse:
Código PHP:
<script type="text/javascript" src="index_proceso.js"></script>
<link rel="STYLESHEET" type="text/css" href="index_estilos.css">
</head>
Ahi decimos que en el body usaremos la funcion asignaVariables()
Código PHP:
<body onload="asignaVariables();">
<div class="centrado">
<table border="0" style="margin:auto; width:400px;">
<tr>
Aqui mostramos el campo de texto donde escribiremos algo y tendra la particularidad de poder autocompletarse.
Código PHP:
<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>
</html>
Como se puede apreciar, se llama a las funciones y se trabaja con variables propias de los archivos "index_proceso.js" y "index_proceso.php"... Si añadieramos otro TEXTFIELD utilizaria la misma consulta del AJAX.
Intente crear otros archivos para otro TEXTFIELD o sea digamos un "index_proceso2.js" y "index_proceso2.php" y nada.