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>
Código HTML:
"<img src='/images/deletefav.gif' border='0' title='Remove Favorite' height='10' width='10' />"
Código Javascript:
Ver original
var 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