Ver Mensaje Individual
  #12 (permalink)  
Antiguo 31/05/2010, 10:44
corretodo
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: iframe con funcybox

Amigo kokoou siento decirte que no funciona con lo nuevo que me has puesto.
Se ve el icono de la pregarga y al abrir el iframe no encuentra la pagina error 404.

Ahora queda en codigo con todo lo que me has dicho asi:

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2. $("a.ventana").click(function(){  
  3. // inicio el gif de cargandooo !!
  4. $.fancybox.showActivity();  
  5. // defino los parametros del fancybox
  6. parametros = "href: this.href, width : '75%',height:'75%',titleShow:'false',onClosed: true,autoScale:'false',transitionIn:'none',transitionOut:'none',type: 'iframe'";
  7. setTimeout('$.fancybox({'+ parametros +'});','1000');
  8. // evito que se ejecuta la redireccion del tag a
  9. return false;
  10. });
  11. });

De esta forma tambien funciona pero sin la precarga.

Código Javascript:
Ver original
  1. $(document).ready(function() { 
  2. $('a.ventana').click(function(){
  3. $.fancybox.showActivity();  // Aqui la precarga pero no sale
  4. $.fancybox({
  5. 'width'         : '75%',               
  6. 'height'        : '97%',               
  7. 'autoScale'     : false,               
  8. 'transitionIn'  : 'none',              
  9. 'transitionOut' : 'none',                          
  10. 'href'          : $(this).attr('href'),
  11. 'type'          : 'iframe'
  12. });
  13. return false;
  14. });
  15. });

Y esto otro tambien pero sin la precarga.

Código Javascript:
Ver original
  1. $(document).ready(function() { 
  2. $('a.ventana').click(function(){
  3. $.fancybox.showActivity();  // Aqui la precarga pero no sale
  4. $.fancybox({
  5. 'width'         : '75%',               
  6. 'height'        : '97%',               
  7. 'autoScale'     : false,               
  8. 'transitionIn'  : 'none',              
  9. 'transitionOut' : 'none',                          
  10. 'href'          : this.href,
  11. 'type'          : 'iframe'
  12. });
  13. return false;
  14. });
  15. });

Si se pudiera hacer algo en javascript despues de la linea 3 para que permaneciera un segundo.
Haciendo la precarga de la funcion $.fancybox.showActivity();
Y que luego continue ejecutando el siguiente proceso, pienso que funcionaria.
Yo he puesto esto como una idea, funciona pero habre la pagina de Google en una nueva ventana y no en el Iframe

Código Javascript:
Ver original
  1. function pause(milisegundos)
  2. {
  3. var date = new Date();
  4. var curDate = null;
  5. do { curDate = new Date(); }
  6. while(curDate-date < milidegundos);
  7. }
  8. // fin de la funcion pausa
  9. $(document).ready(function() { 
  10. $('a.ventana').click(function(){
  11. $.fancybox.showActivity();
  12. pause(1000);  // aqui hago que espere 1 segundo. Esto funciona pero se abre la pagina fuera de Iframe
  13. $.fancybox({
  14. 'width'         : '75%',               
  15. 'height'        : '97%',               
  16. 'autoScale'     : false,               
  17. 'transitionIn'  : 'none',              
  18. 'transitionOut' : 'none',                          
  19. 'href'          : this.href,
  20. 'type'          : 'iframe'
  21. });
  22. return false;
  23. });
  24. });

Última edición por corretodo; 31/05/2010 a las 11:35