how to open specific page on Google's docs viewer

后端未结

关注

 5  509

I\'m using google\'s docs viewer to show a pdf document in a html page and I would like to open the document starting on page 20 instead of 1 for example.

There\'s h

相关标签:

5条回答

Happy的楠姐

2020-12-24 03:28

I found these two ones :

1) just an Screenshot(Image) of specific page (without navigation):

https://docs.google.com/viewer?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true&a=bi&pagenumber=12

2) a link to specific page of PDF in IFRAME (with navigation):

<script>
var docURL='https://docs.google.com/viewer?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true';
var startPAGE=7;

document.write('<iframe id="iframe1" onload="javascript:go_to_page('+ startPAGE +')" src="https://docs.google.com/viewer?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true"width="600" height="400" ></iframe>');
function go_to_page(varr) { document.getElementById("iframe1").setAttribute("src", docURL + '#:0.page.'+ (varr-1) );}
</script>

p.s. then you can have on your website <a href="javascript:go_to_page('3');">go to page 3</a>

0 讨论(0)

生来不讨喜

2020-12-24 03:37
My PDF is 13 pages, but when I used hash: 0.page.13, it only jumped to page 10. I had to setTimeout and call the same function again:

Only needed to do that once per page load, then it seems to be synched properly. I am sure there is a more elegant solution:
```
var is_caught_up = false;
function pdf_go(page){
     $('pdf_frame').contentWindow.location.hash=':0.page.'+page;
     if (!is_caught_up){
         setTimeout('pdf_catchup('+page+')', 500);
     }
}

function pdf_catchup(page){
    $('pdf_frame').contentWindow.location.hash=':0.page.'+page;
     is_caught_up = true;
}
```
0 讨论(0)
发布评论:

提交评论
- 加载中...
故里飘歌

2020-12-24 03:45

For me this solution didn't work with the current version of google viewer. Link to specific page on Google Document Viewer on iPad helped me out. Use &a=bi&pagenumber=xx as additonal URL parameter.

0 讨论(0)
发布评论:

提交评论
- 加载中...
忘了有多久

2020-12-24 03:47
Got it working in the imbed viewer

By changing the url with a timout function, this becous the pdf is not directly shown
```
$(window).load(function() {
    setTimeout(function() { $('.gde-frame').attr('src', 'https://docs.google.com/viewer?url=http://yourdomain.com/yourpdf.pdf&hl=nl&embedded=true#:0.page.15'); }, 1000);

});
```
Just copy the imbed url and add your hash for the page (#:0.page.15 > will go to page 15)

You might want to change the language to your own &hl=nl

and for the people how have to support ie8

if you use a boilerplate like this:



you can change the output of the link directly to the pdf like this,
```
if( $("html").hasClass("ie8") ) {


           $('#linkID').attr('href', 'http://yourdomai.com/yourpdf.pdf');


        };
```
the pdf will be shown in the pdf reader from IE
0 讨论(0)
发布评论:

提交评论
- 加载中...
无人及你

2020-12-24 03:51
I found a solution I'll post here just in case somebody is in the same situation.

Every page inside google's docs viewer iframe has an id like :0.page.X, being X the number of the page. Calling the service like this
```
<iframe id="iframe1" src="http://docs.google.com/gview?url=http://yourpdf&embedded=true#:0.page.20">
```
won't work (maybe because the pages ids are not yet created when the page is rendered?)

So you just have to add an onload attribute to the iframe:
```
<iframe id="iframe1" src="http://docs.google.com/gview?url=http://yourpdf&embedded=true" onload="javascript:this.contentWindow.location.hash=':0.page.20';">
```
and voilà, the iframe will automatically scroll down after loading.

Note that page indices are zero-based. If you want to view the 20th page of a document in the viewer, you would need use the parameter :0.page.19
0 讨论(0)
发布评论:

提交评论
- 加载中...