13/05/2008, 11:51
|
| | 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>
//******************************************// |