Ver Mensaje Individual
  #3 (permalink)  
Antiguo 13/05/2008, 11:51
danielico3
 
Fecha de Ingreso: abril-2008
Ubicación: España
Mensajes: 58
Antigüedad: 16 años, 8 meses
Puntos: 1
Re: Autocompletar <input> AJAX php Mysql

Lo siento no se si me explique bien :) anteriormente.... voy a intentar explicarlo un "pelin" mejor:

Resulta que a una tabla le añado filas dinamicamente y en una de sus filas un <td><input> hace la función de autocompletar de ajax consultando una base de datos.

Esta función me funciona cuando imprimo por primera vez la tabla. Al añadir una nueva fila ya no me hace la función de autocompletar.

Pongo la funcion de añadir fila que tengo:

//******************************************//
var l=2;
function añade_fila()
{
var objTabla = document.getElementById("comp");
var objTbody=objTabla.firstChild;
var objNuevaFila=objTbody.childNodes[0].cloneNode(true);
//cambiamos el contenido de las celdas

objNuevaFila.childNodes[0].innerHTML = "<input type =\"text\" id=\"input_2\" class=\"input\" size=\"9\" maxlength=\"10\" name =\"co_cta[]"+l+"\" >";
objNuevaFila.childNodes[1].innerHTML = "<input type =\"text\" class=\"arial11\" size=\"9\" maxlength=\"10\" name =\"co_cco[]"+l+"\" >";
objNuevaFila.childNodes[2].innerHTML = "<input type =\"text\" class=\"arial11\" size=\"70\" maxlength=\"70\" name =\"de_ref[]"+l+"\" >";
objNuevaFila.childNodes[3].innerHTML = "<input type =\"text\" class=\"arial11\" size=\"13\" maxlength=\"13\" name =\"im_mov[]"+l+"\" >";
objNuevaFila.childNodes[4].innerHTML = "<input type =\"text\" class=\"arial11\" size=\"1\" maxlength=\"1\" name =\"co_dh[]"+l+"\" >";
objTbody.appendChild(objNuevaFila);
l++;
}
//******************************************//

Y este el <td> que se imprime por primera vez en la tabla que si que funciona la función de AJAX:

//******************************************//
<td>
<div id="demo" style="width:20px;">
<div id="demoDer">
<input name="co_cta[]" type="text" id="input_2" class="input" value="" size=9 maxlength=10
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); }">
<div id="lista" onMouseOut="v=1;" onMouseOver="v=0;"></div>
</div>
<div class="mensaje" id="error"></div>
</div>

//******************************************//