Hola a todos, es mi segundo mensaje de hoy relacionado con los autocompletables.
Acabo de conseguir que me funcione el primero, pero necesito un segundo. Al ser novato en ajax no me queda del todo claro. Me gustaría que en el formulario hubiera dos campos autocompletables pero no consigo que funcione el segundo de ninguna de las maneras.
Mi código es el siguiente:
en el index.js está la siguiente función:
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;
}
y en el index.php va el siguiente código:
<body onload="asignaVariables();">
<div id="demo" style="width:600px;">
<div id="demoDer">
<form>
Registrador:
<input type="text" size="40" id="input_2" class="input"
onfocus="if(document.getElementById('lista').child Nodes[0]!=null && this.value!='') { filtraLista(this.value); formateaLista(this.value);
reiniciaSeleccion(); document.getElementById('lista').style.display='bl ock'; }"
onblur="if(v==1) document.getElementById('lista').style.display='no ne';"
onkeyup="if(navegaTeclado(event)==1) {
clearTimeout(ultimoIdentificador);
ultimoIdentificador=setTimeout('rellenaLista()', 1000); }">
Afectados:
<input type="text" size="40" id="input_1" class="input"
onfocus="if(document.getElementById('lista').child Nodes[0]!=null && this.value!='') { filtraLista(this.value); formateaLista(this.value);
reiniciaSeleccion(); document.getElementById('lista').style.display='bl ock'; }"
onblur="if(v==1) document.getElementById('lista').style.display='no ne';"
onkeyup="if(navegaTeclado(event)==1) {
clearTimeout(ultimoIdentificador);
ultimoIdentificador=setTimeout('rellenaLista()', 1000); }"><br><br>
Hora:
<input type="text" size="10" id="input_3">
</form>
<div id="lista" onmouseout="v=1;" onmouseover="v=0;"></div>
</div>
</div>
</body>
Me he fijado que en el body del index.php se llama a la función del index.js: asignaVariables().
He intentado pasarle por parametros los dos ids de los campos de texto para ver si los procesaba de la siguiente forma:
en el index.php:
<body onload="asignaVariables(id1,id2);">
y en el index.js la función quedaría así:
function asignaVariables(id1,id2){
// 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(id1);
inputLista=document.getElementById(id2);
elementoSeleccionado=0;
ultimoIdentificador=0;
}
Pero lamentablemente con esta modificación no funcionan ninguno de los dos.
Os agradecería alguna sugerencia porque me estoy volviendo loco y no lo consigo.
En cuanto funcione subo el código y creo que puede resultar bastante útil.
Saludos a todos.