Estoy tratando de hacer una aplicación que muestra los distintos registros de una consulta mysql.
A su vez, cada registro tiene un link que llama a una función JavaScript en mi archivo .js que ejecuta otra consulta mysql del archivo procesa.php, y el resultado se muestra en la misma página, sin recargarla, en un div debajo de cada registro individual.
El problema es que una variable '$fila' en index.php cuenta cada registro y el id del div donde se mostrará el resultado es dinámico: contenido$fila, que al final hace un $fila++.
Entonces, cómo hago para que la función .js tome la variable PHP '$fila' y enviar el resultado al div 'contenido$fila'.
La función que uso funciona sólo si el id del div es estático (p.e. 'contenido') y tan sólo muestra el resultado de 'procesa.php' correspondiente al primer registro de 'index.php', y al cliquear en el link de los otros registros sólo refresca en div 'contenido' del primer registro.
Esta es la función:
Código Javascript :
var req;
function buscar(valor) {
if(window.XMLHttpRequest) {
req = new XMLHttpRequest();
}
else if(window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
var url = "procesa.php?valor="+valor;
req.open("Get", url, true);
req.onreadystatechange = function() {
if(req.readyState == 1) {
document.getElementById('contenido').innerHTML = 'espere ...';
}
if(req.readyState == 4 && req.status == 200) {
var respuesta = req.responseText;
document.getElementById('contenido').innerHTML = respuesta;
}
}
req.send(null);
}
Muchas gracias desde ya por su ayuda.
