Hola a Tod@s:
Estoy haciendo mis primeros "pinitos" con ajax y php, por lo cual os pido paciencia.
Tengo el siguiente codigo:
Código:
request = false;
if (window.XMLHttpRequest) {
request = new XMLHttpRequest();
}
function VerFotos(field) {
if (window.ActiveXObject) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
request = false;
}
}
}
if (request) {
request.onreadystatechange = ProcessVerFotos;
request.open("GET", "busca_f.php?id=" + encodeURIComponent(field));
request.send(null);
}
}
function ProcessVerFotos() {
var result = document.getElementById("result");
if (request.readyState == 4) {
if (request.status == 200) {
result.innerHTML = request.responseText;
}
} else {
result.innerHTML = "<img src=\"img_propio/cargando_ajax.gif\" alt=\"dd\" width=\"16\" height=\"16\" align=\"absmiddle\">Procesando ...";
}
}
Como podeis ver llamo a una pagina (busca_f.php?id) por el metodo GET,pasandole un parametro que es el id,esta a su vez genera las fotografias, las maqueta en una tabla y las envia metiendolas en un div llamado result.
Todo de momento esta Bien y las visualizo en el navegador, pero cuando quiero ver el codigo fuente solo encuentro
<div id="result"></div>
El problema es que dichas fotos cuando se maquetan se les hace un onclick="AmpliacionFoto()" y esto da error.
Lo he probado sin llamar a los javascript (ajax) y funciona.
Tambien he puesto la salida de ajax de esta forma:
result.innerHTML = request.responseXML
Pero solo me sale
[object]
¿Que puedo estar haciendo mal?.
Os agradezco vuestra ayuda y atencion.
Un Saludo