Hola amigos,
Yo he logrado que al dar click en una imagen unos datos sean añadidos a la base de datos sin refrescar la pagina, pero el asunto es: que cuando estos datos son añadidos el javascrip me manda un mensaje alert (Listo Insertado), lo que quiero es que en lugar de mandarme el mensaje me cambie la imagen a la que le hice click,
Aqui les dejo mi codigo:
Imagen a la cual le doy click para añadir los datos a la BD:
Código HTML:
<div id="12345" style="float:left; margin-right:4px;">
<a href ="javascript:ProcessXML('insertar.php?nombre=thalia&cancion=pielmorena&ruta=archivos/thalia')"><img src="/images/fav.gif" border="0" title="Add to Favorite" height="10" width="10" /></a>
</div>
Y estes es el codigo que me inserta los datos sin refrescar la pagina, como veran me manda es un alert, lo que quiero es que en lugar de ese alert me mande para atras algo como esto:
Código HTML:
"<img src='/images/deletefav.gif' border='0' title='Remove Favorite' height='10' width='10' />"
de este modo me cambiaria la imagen:
Código Javascript
:
Ver originalvar obj;
function ProcessXML(url) {
if (window.XMLHttpRequest) {
obj = new XMLHttpRequest();
obj.onreadystatechange = processChange;
obj.open("GET", url, true);
obj.send(null);
} else if (window.ActiveXObject) {
obj = new ActiveXObject("Microsoft.XMLHTTP");
if (obj) {
obj.onreadystatechange = processChange;
obj.open("GET", url, true);
obj.send();
}
} else {
alert("Your browser does not support AJAX");
}
}
function processChange() {
// 4 means the response has been returned and ready to be processed
if (obj.readyState == 4) {
// 200 means "OK"
if (obj.status == 200) {
alert("Listo Insertado");
// process whatever has been sent back here:
// anything else means a problem
} else {
alert("There was a problem in the returned data:\n");
}
}
}
Gracias de antemano a cualquier ayuda