I am trying to embed a PDF document using google docs viewer:
<iframe src="http://docs.google.com/gview?url=MY_FILE_URL&embedded=true" style="border: none;" height="900" width="100%"></iframe>
and Its working fine, but when I try to refresh the page multiple times.. sometimes IFrame content does show up and some other times It doesn't,and I get an empty head and body inside "IFrame " tag
tried to set expires to: 0
tried to add random numbers: MY_FILE_URL?var=rand() to solve some
cash issue
tried to add IFrame using jquery on after page has loaded
nothing seems to solve my problem..
you are not accessing the https version is the issue.
I had the same issue
change:
<iframe src="http://docs.google.com/gview?url=MY_FILE_URL&embedded=true" style="border: none;" height="900" width="100%"></iframe>
to
<iframe src="https://docs.google.com/gview?url=MY_FILE_URL&=embedded=true" style="border: none;" height="900" width="100%"></iframe>
hope that helps :)
Related
In my Angular app, I have included the following snippet in an html template:
<embed src="../assets/AOK_T2DM.pdf" style="width: 100%;height: 500px" type="application/pdf">
It appears as follows:
When I click open, the pdf file is downloaded.
How can I simply display the content instead of downloading it?
<iframe src="https://docs.google.com/viewer?url=https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf&embedded=true" frameborder="0" height="600" width="100%"></iframe>
Use Below Code
<iframe src="https://docs.google.com/viewer?url=File_URL&embedded=true" frameborder="0" height="1100px" width="100%"></iframe>
Set height as per your need or give the height as 100% and set the height for the parent div.
Check and update if it works.
I'm hoplessly trying to remove the title of my Google Sheet that is embed on my webpage (by Webnode). I've already tried adding &chrome=false to the link, but then it doesn't work (it says that it can't load the document). Where should I put that in the code? Or what's the way of removing the title?
Here's the code:
<iframe width="90%" height="420" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRERjtiSWcFvm5gtyyfJbsb83RD3Du9-hUCWwMiSo4AaFDEbe1nyn_vFYVsyE5XqryBdvMsNY3EV6Vs/pubhtml?widget=true&headers=false"></iframe>
Hahaha, I resolved my second issue in a row. :D
For some reason, webnode added that "&" something at the end of "chrome=false", and now it is working!
<iframe width="90%" height="420" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRERjtiSWcFvm5gtyyfJbsb83RD3Du9-hUCWwMiSo4AaFDEbe1nyn_vFYVsyE5XqryBdvMsNY3EV6Vs/pubhtml?widget=true&&chrome=false&headers=false"></iframe>
I need to display 2 files in one iframe. Currently, I have 2 iframes which isn't a good solution for my site. I'd rather have 1 iframe that displays both files.
I am using this in a magento attribute so I don't think js will work without doing some development. Any suggestions?
<iframe src="/path/to/file-001.html" frameborder="0" scrolling="yes" seamless="seamless" style="display:block; width:100%; min-height:325px;"></iframe>
<iframe src="/path/to/file-002.html" frameborder="0" scrolling="yes" seamless="seamless" style="display:block; width:100%; min-height:325px;"></iframe>
I ended up using php to include file 2 at the bottom of file 1 and then just using file 1 in the iframe.
I am not a web designer so please bear with me but I have followed the FB like generator and copied the iframes element to my web site but it does not appear when published. Can anybody tell me what I am missing...??? the code generated is:-
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fweebagband&width=The+pixel+width+of+the+plugin&height=80&colorscheme=light&layout=standard&action=like&show_faces=true&send=false&appId=271163222908481" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:The pixel width of the pluginpx; height:80px;" allowTransparency="true"></iframe>
From this I have been even tried to paste it to a blank page but still nothing.
Even the simple Google FB "like" generator didn't work. I'd be most grateful for any help. Thanks in advance
Try this code:
<iframe src="http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com/weebagband&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80&appId=271163222908481" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:80px;" allowTransparency="true"></iframe>
Your code has some errors, like width:The pixel width of the pluginpx;
And I think the url to your FB Page was wrong as well..
I assume that weebagband is the desired fanpage..
I am trying to open an https://xxxxxxx.com inside an HTML content by using Iframe.
<body>
Application
<div>
<iframe name="internal" src="" height="800px" width="1000px" scrolling="auto">
</iframe>
</div>
</body>
Problem is: Instead of loading the URL inside the Iframe, parent page itself getting replaced by the URL.(page itself is loaded by this URL)
Note: Other URL's like Google are working fine. Only this URL has this issue.
Anyone could suggest.