onclick動作後隱藏元素

Question

<p> 
    <a href="#" onclick="showStuff('lol'); return false;"> 
    <img src='play.png'><br> 
    <span id="lol" style="display: none;"> 
     <iframe src="http://google.com" scrolling="no"></iframe> 
    </span> 
</p> 

使用此功能，當我點擊'play.png'時，iframe將加載到圖像下方。

我正在尋找的是：

A）我如何「預加載」的頁面加載的iframe？所以當你點擊圖片時，iframe的內容就緒了。 B）我如何只顯示iframe而不是圖像+ iframe？我的意思是：當我點擊圖像時，它應該加載iframe - 所以隱藏原始圖像。

非常感謝！

Answer 1

，你可以有這樣的事情：

有iframe中加入顯示隱藏的所有內容：無身體。

在單擊執行以下功能：

function showIframeContent(){ 
    $(document.frames[0]).find('body').show(); 
} 

Answer 2

使用下面的JavaScript

<p><a href="#" onclick="showStuff('lol'); return false;"><img src='play.png'><br> 
<span id="lol" style="display: none;"> 
    <iframe src="http://google.com" scrolling="no"></iframe> 
</span> 
</p> 

function showStuff(key) 
{ 
    if(document.getElementById(key).style.display == 'none') 
    { 
     document.getElementById(key).style.display=""; 
    } 
    else 
    { 
     document.getElementById(key).style.display="none"; 
    } 
}