打開pdf嵌入在一個div

我有一個網頁，顯示我以前上傳過的一些pdf，但我希望當我點擊他們的鏈接時，將其打開到一個命名的div。打開pdf嵌入在一個div

我的代碼：

<div class='row'> 
    <div class='col'> 
    <a href='pdf1.pdf'>pdf1</a> 
    <br/> 
    <a href='pdf2.pdf'>pdf2</a> 
    </div> 
    <div class='col' id='preview'>OPEN PDF PREVIEW</div> 
</div>

如果我點擊「PDF1」或「pdf2」我的兩個文件可以用ID PREVIEW

我曾與一些jQuery函數試圖開入格，沒有運氣。

來源

2016-10-14 maures

是你用jQuery嗎？對於'id ='preview''？ PLZ分享 – devpro

您可以如下操作：

<iframe src="http://docs.google.com/gview?url=http://example.com/mypdf.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>

你只需要傳遞給URL

來源

2016-10-14 07:42:20

與您的解決方案，它的工作原理，但我需要一些小事情，使其更好。 – maures

1）高度和寬度固定，我的頁面因爲iframe而拉伸。有一種方法可以讓iframe「隱形」，並在點擊它的鏈接時展開他的尺寸？ 2）我想使用jQuery的「切換」，讓我消失，當我第二次點擊。有可能的？ – maures

好，如果它適合你，那麼你可以upvote這個，也可以接受這個答案 –

如果你想在一個iframe中打開鏈接的PDF路徑，嘗試使用target =「iframeName」，如W3C所示。

來源

2016-10-14 07:44:20 OlajosCs

結合Insomania的答案，請嘗試以下內容： a href =「http://docs.google.com/gview?url = http：//example.com/mypdf.pdf&embedded=true「target =」preview「你有一個名爲」預覽「的iframe – OlajosCs

我已經將它與insomania解決方案結合在一起，謝謝！ – maures

打開pdf嵌入在一個div

回答

相關問題