如何IFRAME添加到一個div使用jQuery

我發現，在接受的答案here此代碼... 它通過點擊一個按鈕加載一個iframe到一個特定的區域 ...如何IFRAME添加到一個div使用jQuery

<a href="#" onclick="setIframe(this,'http://www.stackoverflow.co.uk')" >Set the Iframe up</a> 

function setIframe(element,location){ 
    var theIframe = document.createElement("iframe"); 
    theIframe.src = location; 
    element.appendChild(theIframe); 
}

怎麼辦我改變這個，這樣它允許我設置高度寬度和滾動樣式？

來源

2013-02-01 Sun Rhythms

這不是jQuery的，但純JavaScript：

function setIframe(element,location){ 
    var theIframe = document.createElement("iframe"); 
    theIframe.src = location; 
    theIframe.setAttribute("weight", "500"); 
    theIframe.setAttribute("width", "500"); 
    theIframe.setAttribute("scrolling", "yes"); 
    element.appendChild(theIframe); 
}

這不是你的問題的一部分，但在這裏是你如何切換使用jQuery一個div：

標記：

<input type="button" value="Toggle Div" id="btnToggle"/> 

    <div id="randomContent"> 
     This is random Content. 
     <br /> 
     This is random Content. 
     <br /> 
     This is random Content. 
     <br /> 
     This is random Content. 
     <br /> 
     This is random Content. 
     <br /> 
     This is random Content. 
     <br /> 
    </div>

jQuery：

$(document).ready(function() { 
     $("#btnToggle").bind("click", function() { 
      $("#randomContent").toggle(); 
     }); 
    });

來源

2013-02-01 17:00:19

what if我不希望或「不應該」放入一個iframe，但我希望該div切換隱藏和基於兩個不同的按鈕顯示...我問了一個單獨的問題在stackoverflow ...將很快發佈鏈接 –

thnx爲此......這裏是鏈接。有兩個按鈕。一個提交表單，然後另一個表單顯示。 http://stackoverflow.com/questions/14651706/how-to-hide-form-on-submit-and-reveal-it-on-a-button-click –

theIframe.style.*

任何屬性，你想要的風格。

來源

2013-02-01 16:59:38

如何IFRAME添加到一個div使用jQuery

回答

相關問題