I am trying to get the chart download to work in IE9 from an html file having just the
iframe element as shown below .
<iframe frameborder="0" width="500" height="425" scrolling="no" src="http://www.highcharts.com/demo/bar-basic"></iframe>
However it works fine if the iframe is placed inside a jsfiddle .I get the impression that
this is due to some html elements missing in the html file .Please help me out on this issue.
Thanks,
Bimal
I have tested this line in IE9 and it seems to be working fine. Are you on a server or just opening an HTML file with the broswer?
I could fix this issue by setting up the highcharts export server in my .Net web app .
Related
I got an issue, I am not able to solve with all topics on stackoverflow and github.
I am placing certain Videos via Iframe into my page. Whatever I do, the Fullscreen-Button is greyed out. By clicking, I get the message "Fullscreen not available". Same happens with Vimeo Vids, where the Fullscreen button doesnt appear. Same happens on IOS, Mozilla, Android & Chrome.
I tried to solve it via all the commands, I found here. "allowfullscreen", "allowFullScreen", "allowFullScreen="True"" allowFullScreen='true' mozallowfullscreen webkitallowfullscreen allowFullScreen, ...
It seems, that my page itself prevents the fullscreen-mode. If I put my Iframe into clean HTML5-sheets outside my wordpress page, everything works perfectly.
My iframe:
<div class='youtube-container-100' allowFullScreen='true' mozallowfullscreen webkitallowfullscreen allowFullScreen>
<iframe src='https://www.youtube.com/embed/-mzrMWL5sYQ?rel=0&modestbranding=1' allowfullscreen></iframe></div>
Putting the iframe without the div doesnt change anything.
I created a testpage: https://my-sushiparty.de/testseite/
Thank you so much :-)
I tried to solve it via all the commands, I found here. "allowfullscreen", "allowFullScreen", "allowFullScreen="True"" allowFullScreen='true' mozallowfullscreen webkitallowfullscreen allowFullScreen, ...
It seems, that my page itself prevents the fullscreen-mode. If I put my Iframe into clean HTML5-sheets outside my wordpress page, everything works perfectly.
YouTube can disable fullscreen view on embedded videos. The "allowFullScreen" command used to work, but it was probably fixed recently.
I've also tried looking for a script that could re-enable the feature, but unfortunately it seems that the latest patch doesn't have a current workaround.
I have given a source in a Iframe tag, my is issue is that when the page loads on IE the download begins automatically and it generally happens on IE installed on windows 8.
<div> <iframe src="../../Images/Sample.pdf" width="800px" height="800px" ></iframe> </div>
It's downloaded probably because there is not Adobe Reader plug-in
installed. In this case IE (it doesn't matter which version) doesn't
know how to render it and it'll simply download file (Chrome, for
example, has its own embedded PDF renderer).
That said. is not best way to display a PDF (do not forget
compatibility with mobile browsers, for example Safari). Some browsers
will always open that file inside an external application (or in
another browser window). Best and most compatible way I found is a
little bit tricky but works on all browsers I tried (even pretty
outdated):
Keep your but do not display a PDF inside it, it'll be filled
with an HTML page that consists of an tag. Create an HTML
wrapping page for your PDF, it should look like this:
<html>
<body>
<object data="your_url_to_pdf" type="application/pdf">
<embed src="your_url_to_pdf" type="application/pdf" />
</object>
</body>
</html>
Of course you still need the appropriate plug-in installed in the
browser. Also take a look to this post if you need to support Safari
on mobile devices.
1st. Why nesting inside ? You'll find answer here on
SO. Instead of nested tag you may even provide a custom
message for your users (or a built-in viewer, see next paragraph).
2nd. Why an HTML page? So you can provide a fallback if PDF viewer
isn't supported. Internal viewer, plain HTML error messages/options
and so on...
It's tricky to check PDF support so you may provide an alternate
viewer for your customers, take a look to PDF.JS project, it's pretty
good but rendering quality - for desktop browsers - isn't as good as a
native PDF renderer (I didn't see any difference in mobile browsers
because of screen size, I suppose).
See also: HTML embedded PDF iframe
When I embed Youtube video on a page and test it locally nothing happens or the browser even locks up, depending on the browser. Publish the page, test online and it works fine. Obviously not an ideal develop/test scenario. I'm using the iframe embed code from Youtube.
It sure seems like a cross domain security issue but I see no errors using Firebug and haven't found any reference to that nor anyone with a similar problem. Probably just missing something but I'm stumped. I don't like being stumped... for long.
Example that works online but not locally even if this is the only code in the body:
<iframe width="640" height="360" src="//www.youtube.com/embed/INg83kArY4g?rel=0" frameborder="0" allowfullscreen></iframe>
BTW, no problem embedding and playing the same video locally when hosted on my own web server (not locally). Any help would be appreciated.
The reason that file will not load locally is because you are using a protocol relative URL when defining the src attribute.
When the browser parses the src it will prepend the scheme(http: or https:) that the page is viewed in. If the page is being viewed locally, your browser will prepend file to the URL and that will result in an invalid URL.
You can remedy the issue by inserting a scheme on the src e.g.
src="http://www.youtube.com/embed/INg83kArY4g?rel=0"
or by serving up that page on a local server.
Reference
Paul Irish
Try adding 'http:' to the beginning of the src attribute:
<iframe width="640" height="360" src="http://www.youtube.com/embed/INg83kArY4g?rel=0" frameborder="0" allowfullscreen></iframe>
I pasted the Twitter generated code for an embedded timeline in a Text widget in WordPress. It causes a rendering issue in IE8 whereby links are being replaced by the tweet button.
Screenshot:
http://www.48thave.com/clients/ntp/shotshow/test-twitter.png
WordPress test page:
http://shotshow.com/test-twitter/
Code:
<a class="twitter-timeline" style="border:0" href="https://twitter.com/nssfshotshow" height="300" data-widget-id="336534911341166596" data-chrome="noheader nofooter noborders transparent">Tweets by #nssfshotshow</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>
Anyone have a solution?
Thanks!
This issue was resolved today by Twitter patching a recent release of their script.
https://dev.twitter.com/discussions/21893
I've tried to create simple facebook app with iFrame,, but I always get nested iFrame on every I click link on my application, I already tried a solution from site http://railsrant.com/2009/10/14/creating-a-facebook-iframe-app-using-ruby-on-rails-facebooker/
it's work on Firefox and Chrome, but doesn't work at IE
Any idea or suggestion for this?
Thanks
I think you should use this line in your head section, this will open the links in parent window instead of iframe in iframe:
<base target="_parent" />
and also make these URL related to canvasURL(facebook app URL). I hope this will solve your problem.
add target="_top" to your <a href="..."> links