what is the best way to display PDF in DIV or panel

Question

What is the best way to show PDF file in DIV.

I need to show generated PDF into one of the tab of jquery Accordian tab.

Can any one guide what is the best way to move.

You can refer this : http://stackoverflow.com/a/14690795/2555647 . I tested it on Firefox it worked. — Vivek Tankaria, Apr 29 '15 at 11:04
Possible duplicate of: http://stackoverflow.com/questions/291813/recommended-way-to-embed-pdf-in-html — zed, Apr 29 '15 at 18:48

score 12 · Accepted Answer · answered May 04 '15 at 14:25

12

I used below option to embed:

    <embed src="pdfFiles/interfaces.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">

answered May 04 '15 at 14:25

dhaval soni

165
1
2
12

score 4 · Answer 2 · answered Apr 29 '15 at 11:10

4

Try using this

<div class="PDF">
   <object data="your.pdf" type="application/pdf" width="750" height="600">
       alt : <a href="your.pdf">your.pdf</a>
   </object>
</div>

answered Apr 29 '15 at 11:10

stanze

2,456
10
13

@dhaval soni, Try implementing that part of code in your markup, and based on your requirement change it. – stanze Apr 29 '15 at 12:15
ya,but it shows me hyper link, i need to show PDF directly – dhaval soni Apr 29 '15 at 13:44

score 1 · Answer 3 · answered Mar 09 '17 at 06:23

$obj = $('<object>');
$obj.attr("data","http://infolab.stanford.edu/pub/papers/google.pdf");
$obj.attr("type","application/pdf");
$obj.addClass("w100");

$("#pdfdiv_content").append($obj);

#pdfdiv_content{
 width:100%;
 height:250px;
 border:1px solid #0000FF;
 position:relative;
 height:800px;
}
.w100{
 width:100%;
 position:absolute;
 height:100%;
 }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div id="pdfdiv_content"></div>

what is the best way to display PDF in DIV or panel

3 Answers3

Linked