title: javascript unhide an applet inside an iframe
body: <p>okay what i'm trying to do is make it so the applet inside the iframe is displyed cause i have the style set to display:none for the applet, The iframe to displayed at all times, the iframe is inside a popup, this popup is called with javascript aswell, what i wanna do is when the user calls the popup it also displays the applet, then when they close the popup it makes the applet dissapear, here is what ive tryed</p>
  
  <p>it calls the popup, everything works, it displays the iframe, but inside that iframe theres the applet the display is set to none, i need to make it display the applet when they call the popup,</p>
  
  <pre><code>    &lt;script&gt;
  $(document).ready(function() {
      $('.playhighpopup').each(function() {
         var hiddenSection = $('section.hiddenplay_high');
        var hiddenapplet = $('section.hiddenplay_high.iframe.applet');
                  hiddenapplet.show();
                  hiddenSection.fadeIn(1000)
                      // unhide section.hidden
                      .css({ 'display':'block' })
                      // set to full screen
                      .css({ width: $(window).width() + 'px', height: $(window).height() + 'px' })
                      .css({ top:($(window).height() - hiddenSection.height())/2 + 'px', 
                          left:($(window).width() - hiddenSection.width())/2 + 'px' })
                      // greyed out background
                      .css({ 'background-color': 'rgba(0,0,0,0.7)' })
                      .appendTo('body');
                      $('span.close').click(function(){ $(hiddenSection).fadeOut(1000); $('applet').hide(); });
  
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>i can make the applet display without the iframe, but i need the iframe cause the applet flickers from some of the ajax features on my website, the iframe stops the flickering. </p>