Hola, estoy realizando mis primeras pruebas con Ajax y de momento no me funciona, he estado varias horas probando mi código y tirando de google, pero de momento no hay manera, a ver si me podeís ayudar vosotros...
Lo que quiero hacer es que al clicar en un link cargue una imagen en una etiqueta Div, tengo esto:
en pagina1.php:
Cargo el objeto...
Código HTML:
<html>
<head>
<title>Pruebas</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language = "javascript">
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
</script> La función que devería mostrar la imágen:
Código HTML:
<script language="javascript">
function muestra_perfil(pagina,divID)
{
var estado; // 1 oculto, 0 desplegado
//if(estado !=0 && estado !=1) estado=0;
//if(estado==1)
//{
if(XMLHttpRequestObject)
{
var mostrar = document.getElementById(divID);
XMLHttpRequestObject.open("GET", pagina, true);
XMLHttpRequestObject.onreadystatechange = function()
{
if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200)
{
//ahora tengo un alert, pero aquí deveria mostrar la imagen, creo.
//la cosa es que no me muestra ni el alert
alert("jander");
}
else{
// me muestra este alert, por lo tanto no carga bien el objeto
var codigo_error2 = XMLHttpRequestObject.readyState;
var codigo_error = XMLHttpRequestObject.status;
alert("pasa algo " + codigo_error + codigo_error2);
}
}
XMLHttpRequestObject.send(null);
}
estado=0;
}
</script> Aquí el código HTML que llama a la funcion:
Código HTML:
</head>
<body>
<div id="Layer1" style="position:absolute; left:203px; top:60px; width:292px; height:231px; z-index:1">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="../Unnamed%20Site%201/imagenes/perfilarr.jpg" width="301" height="99" border="0" usemap="#Map"></td>
</tr>
</table>
<div id="perfil_muestra">
</div>
<p> </p>
</div>
<map name="Map">
<area shape="rect" coords="276,4,289,17" href="" onClick = "muestra_perfil('perfil_bajo.php','perfil_muestra');">
</map>
</body>
</html> En perfil_bajo.php simplemente esta la imagen:
Código HTML:
<img src="perfil_bajo.jpg" width="301" height="115">
Pues a ver si me podeís ayudar, gracias y un saludo!