Foros del Web » Programando para Internet » Javascript »

no muestra imágenes con ajax

Estas en el tema de no muestra imágenes con ajax en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/07/2014, 13:22
Avatar de Julio_B  
Fecha de Ingreso: mayo-2014
Ubicación: Bogotá
Mensajes: 15
Antigüedad: 9 años, 11 meses
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"/>
  #2 (permalink)  
Antiguo 16/07/2014, 13:37
Colaborador
 
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 15 años, 11 meses
Puntos: 528
Respuesta: no muestra imágenes con ajax

AL ejecutar el ajax, revisa qué código colocó dentro del div, si el código es correcto, deberías revisar la ruta de las imágenes, y si son accesibles desde donde son llamadas.
  #3 (permalink)  
Antiguo 16/07/2014, 13:39
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: no muestra imágenes con ajax

Además de las imágenes, ¿debe se mostrase algo más? Y si es así, ¿se muestra aquello que no sean imágenes?

Si ese fuera el caso, entonces el problema está en la ruta del atributo src.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #4 (permalink)  
Antiguo 25/07/2014, 07:01
Avatar de Julio_B  
Fecha de Ingreso: mayo-2014
Ubicación: Bogotá
Mensajes: 15
Antigüedad: 9 años, 11 meses
Puntos: 0
Respuesta: no muestra imágenes con ajax

Hola muchachos, ya solucione lo de las imágenes, si era la ruta.

Ahora tengo un inconveniente con lo mismo y es que tengo 2 paginas en las que lo utilizo, una muestra noticias recientes, todo funciona de maravilla y la otra, es el archivo de noticias, en este tengo un problema y es que me cargan todos los textos y vínculos, solo me cargan como 6 imágenes que son las que están en el año 2011, de resto no me deja ver nada de imágenes.

Lo raro es que desde el gestor de archivos de mi servidor, puedo descargar las imágenes y me las muestra, volví a cargar todas las imágenes en el servidor por ftp y nada!!

la verdad es frustrante, por que hay si no se que pueda ser...

la pagina esta en construcción, así que no me critiquen!! jeje http://www.televideo.co/noticias.html


¡MUCHAS GRACIAS!

Etiquetas: ajax
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:36.