Problema al traer imagen

fedefrankk · #1 (**permalink**) 01/11/2012, 13:45

Buenas a todos.!!!
Tengo un codigo que me trae dos paginas en dos div diferentes, toco un boton y en un div me carga una pagina.html, en el otro div me carga otra pagina.html, la primer pagina tiene solo texto, carga de 10, la segunda contiene una imagen y no la carga, viendo el inpector de elementos me sale fallo al cargar URL.. la he revisado 100 veces y esta bien.. que puede ser?.. dejo codigo:

Código Javascript:

Ver original<script type="text/javascript">
//<![CDATA[
   function ejec(pagina,capa){
 
   var conexion;
   if (window.XMLHttpRequest){
       conexion = new XMLHttpRequest();
   }else{
         conexion=new ActiveXObject("Microsoft.XMLHTTP")
   }
 conexion.onreadystatechange=function(){
     if(conexion.readyState==4 && conexion.status==200){
    document.getElementById(capa).innerHTML=conexion.responseText; 
 
 
}
 }
   conexion.open("GET",pagina,capa,true);
   conexion.send(); //
   }
//]]>
</script>

Código HTML:

Ver original</head>
 
<body>
<div class="menu_1">
<ul class="trat" style="list-style:none">
<li><a href="#" style="text-decoration:none"  onclick="ejec('tratamientos/alisado.html','a');ejec('tratamientos/01.html','b')">ALIZADO DEFINITIVO</a></li>
 
<div class="centro_img" id="b"></div>
<div class="texto_t1" id="a"></div>

en mi pagina alisado.html esta la cabecera de html y un texto...
en mi pagina 01html esta la cabecera de html y la imagen

Código HTML:

Ver original<img  id="img" src="fede.jpg" width="50" height="50" />

si en mi pagina 01.html pongo texto si anda.!! pero necsito la imagen..
donde estoy fallando?

soy novato en el tema
de antemano saludos a todos
fede

emprear · #2 (**permalink**) 01/11/2012, 13:56

Primero revisá esto, el método open de ajax es

open("metodo HTTP", "url",true)
y vos estás haciendo
conexion.open("GET",pagina,capa,true);

la variable capa está correcta aquí

document.getElementById(capa).innerHTML=conexion.r esponseText
pero no en lo anterior
Saludos

fedefrankk · #3 (**permalink**) 01/11/2012, 14:17

Hola probe con poner

Código Javascript:

Ver originaldocument.getElementById(capa).innerHTML=conexion.responseText; 
 
 
}
 }
  open("metodo HTTP", "url",true);
   conexion.send(); //
   }

cuando preciono el boton me abre en otro lugar una pagina que dice "The requested URL /03_ESTETICACARINA/_WEB/metodo HTTP was not found on this server."

no se realmente el problema,

quiero trae un texto en un div que se encuentra en una pagina y una imagen que se encuentra en otra pagina en dos div diferentes se llaman a y b

saludos y gracias por tu contestacion.!!

cualquier cosa que tengas sera bienvenido.!!!

saludos
fede

IsaBelM · #4 (**permalink**) 01/11/2012, 15:41

no hombre, por dios

entiende lo que se te dice

Cita:

conexion.open("GET",pagina,true);

javascript es asincrono, esto quiere decir que no espera a que haya una respuesta para continuar la evaluación del resto del código. de tal modo que al invocar 2 veces a la misma función, la segunda vez que la invoques, va a machar a la primera

maneras de resolverlo?? puedes usar el operador && en la invocación o hacer un callback

fedefrankk · #5 (**permalink**) 01/11/2012, 16:26

Buenas, gracias por sus tiempo, reconozco que estoy empesando con el tema de ajax y si me cuesta bastante.. lo solucione solamente cambiando la ruta de la imagen..

Muchisimas gracias por sus consejos .

Saludos y gracias
Fede