Charger l'iframe avec l'effet Fx.Slide

Question

Quelqu'un pourrait-il dire ce que je fais mal? Le problème est que j'ai des liens qui s'ouvrent dans iframe, et je veux que cette iframe soit ouverte avec l'effet Slide après que je clique sur les liens (et que le contenu soit chargé dans iframe). Ceci est mon code:

JS:

window.addEvent('domready', function(){ 

var mySlide = new Fx.Slide('slider').hide(); 

$$('.cal_titlelink').addEvent('click', function(e) { 
     e = new Event(e); 
    mySlide.slideIn(); 
    e.stop(); 
}); 
}); 

HTML:

<a class="cal_titlelink" target="details" href="//address is created dynamically by php//">Link 1</a> 
    <a class="cal_titlelink" target="details" href="//address is created dynamically by php//">Link 2</a> 
.... 
    <div id="slider"><iframe name="details"></iframe></div> 

Ici vous pouvez voir comment cela fonctionne http://wisko.pl/ Il est un calendrier sur la gauche. L'effet de diapositive fonctionne mais iframe est vide. Lorsque je retire le curseur, iframe se charge mais sans effet. Comment puis-je faire pour charger le contenu iframe avec effet de diapositive? S'il vous plaît aider.

Answer 1

http://jsfiddle.net/ZJzjV/114/

var mySlide = new Fx.Slide('slider').hide(), 
    myFrame = $('myFrame'); 


$$('.cal_titlelink').addEvent('click', function(e) { 

    myFrame.innerHTML = ''; 

    e = new Event(e); 
    mySlide.hide(); 
    e.stop(); 

    if (!myFrame.getProperty("src")) { 
     myFrame.addEvent("load", function() { 
      mySlide.slideIn(); 
      console.log("loaded"); 
     }); 
    } 

    myFrame.setProperty('src',this.getProperty('href')); 
}); 

cela est mis à jour au travail en ajoutant un événement de charge une fois et glissera dans une fois que le iframe est chargé.