How to reload pdf embeded in html page

Question

I am embedding a pdf document on a HTML5 page using a code similar with:

<div style="background: transparent url(loading.gif) no-repeat">
    <object height="1250px" width="100%" type="application/pdf" data="aaa.pdf">
       <param value="aaa.pdf" name="src"/>
       <param value="transparent" name="wmode"/>
    </object>
</div>

(answer for this question)

At some moment in time I would want to reload the embeded pdf file without reloading the entire page. How can this be made?

Darin Dimitrov · Accepted Answer · 2012-08-03T07:43:03.877

3

You could use javascript to rewrite the innerHTML of the containing div. So give it an id and then when you decide to reload reassign the contents of this div:

$('#pdf').html('<object height="1250px" ......</object>');

edited Aug 03 '12 at 07:43

answered Aug 03 '12 at 07:34

Darin Dimitrov

1,023,142
271
3,287
2,928

It works, thanks! I was only changing the "data" attribute (using jQuery) and didn't think to change the entire element... – axl g Aug 03 '12 at 07:41
I used this solution a little bit shortened: $('#pdf').html($('#pdf').html()) – axl g Aug 03 '12 at 07:52
1

$("#pdfDoc").replaceWith($("#pdfDoc")); should also do the trick – Charlie Rudenstål Aug 03 '12 at 08:03

Charlie Rudenstål · Answer 2 · 2012-08-03T08:02:00.557

2

Put it inside an iframe which you then simply reload. Should be the simplest solution and it will work.

Or try this which might also work

<object id="pdfDoc" ...>
    ...
</object>

$("#pdfDoc").replaceWith($("#pdfDoc"));

edited Aug 03 '12 at 08:02

answered Aug 03 '12 at 07:41

Charlie Rudenstål

4,318
1
14
15

How to reload pdf embeded in html page

2 Answers2