divに埋め込まれたPDFを開く

以前にアップロードしたpdfを表示するウェブページがありますが、リンクをクリックすると名前付きdivに開きます。divに埋め込まれたPDFを開く

マイコード：

<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

でのdivに開くことに私をクリックした場合、私は運がなくて、いくつかの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>

を、あなたはちょうどあなたがiframe内のリンクを開きたい場合は、=「iframeName」ターゲットを使用しよう

出典

2016-10-14 07:42:20

あなたのソリューションでは動作しますが、私はそれをより良くするためにいくつかの小さなものが必要です。 – maures

1）高さと幅を固定して、iframeのためにページが伸びてしまいます。 iframeを「見えない」ようにして、リンクをクリックすると彼の次元を広げる方法がありますか？ 2）jqueryを使用して、2回目にクリックすると消えてしまいます。可能です？ – maures

okそれはあなたのために働く場合、あなたはこれをアップヴォートすることができますまた答えとしてこれを受け入れることができます –

をURLにあなたのPDFのパスを渡す必要があります、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 "ここに" preview "という名前のiframeがあります – OlajosCs

私はinsomaniaソリューションと組み合わせました。ありがとう！ – maures

divに埋め込まれたPDFを開く

答えて

関連する問題