Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/07/2014, 13:22
Avatar de Julio_B
Julio_B
 
Fecha de Ingreso: mayo-2014
Ubicación: Bogotá
Mensajes: 15
Antigüedad: 10 años
Puntos: 0
no muestra imágenes con ajax

Buenos días, recientemente he optado por ajax para cargar contenidos en un div, hasta el momento funciona bien excepto por que no me carga las imágenes; her revisado la ruta y todo lo tengo en un localhost; de ajax re nada jeje espero me puedan colaborar.

aqui el codigo que tengo:
Código HTML:
Ver original
  1. <script type="text/javascript">
  2. function ajaxFunction() {
  3.   var xmlHttp;
  4.  
  5.   try {
  6.    
  7.     xmlHttp=new XMLHttpRequest();
  8.     return xmlHttp;
  9.   } catch (e) {
  10.    
  11.     try {
  12.       xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  13.       return xmlHttp;
  14.     } catch (e) {
  15.      
  16.       try {
  17.         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  18.         return xmlHttp;
  19.       } catch (e) {
  20.         alert("Tu navegador no soporta AJAX!");
  21.         return false;
  22.       }}}
  23. }
  24.  
  25.  
  26.  
  27.  
  28. function Enviar(_pagina,capa) {
  29.     var ajax;
  30.     ajax = ajaxFunction();
  31.     ajax.open("POST", _pagina, true);
  32.     ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  33.  
  34.     ajax.onreadystatechange = function() {
  35.         if (ajax.readyState==1){
  36.             document.getElementById(capa).innerHTML = " Aguarde por favor...";
  37.                  }
  38.         if (ajax.readyState == 4) {
  39.            
  40.                 document.getElementById(capa).innerHTML=ajax.responseText;
  41.              }}
  42.              
  43.     ajax.send(null);
  44. }
  45.  
  46.  
  47.  
  48. <!--lo anterior en head, lo siguiente en los vinculos (body)-->
  49.  
  50.  
  51. <div id="sidebar">
  52.         <img src="img/recientes/head-noti.png" id="head-noti"/>
  53.         <ul class="spy">
  54.              <li>
  55.                <a href="#"><img width="55" height="55" src="img/recientes/7.jpg"/></a>
  56.                <h5><a  href="javascript:Enviar('noti-load/siete.html','contenido' )" title="cienmil fans">Más de 100.000 fanáticos de chica vampiro en Italia</a>
  57.                </h5>
  58.              </li>
  59.               <li>
  60.                  <a href="#"><img width="55" height="55" src="img/recientes/6.jpg"/></a>
  61.                   <h5><a  href="javascript:Enviar('noti-load/seis.html', 'contenido' )" title="Nominados a kids choice awards 2014">Chica vampiro y varios personajes nominados a Kid Choice Awards Colombia 2014</a>
  62.                   </h5>
  63.                </li>
  64.         </ul>
  65. </div>
  66. <div id="contenido">
  67.     <h1>lo que sea</h1>
  68.      <p>tabien texto de prueba que cambiará</p>
  69. </div>
  70.  
  71.  
  72. <!--Y EN LOS ARCHIVOS EXTERNOS ESTA ASI:-->
  73. <h1>Más de 100.000 fanáticos de chica vampiro en Italia</h1>
  74.     <img src="../img/recientes/seis.png"/>